screen reader for search user on manage access and handle escape button when search user (#2784)

tidy up based on CR

Co-authored-by: Rangga Permana <ranggapermana@catalyst.net.nz>
Co-authored-by: Ahmad Farhat <ahmad.af.farhat@gmail.com>

app/assets/javascripts/room.js

@@ -46,6 +46,9 @@ $(document).on('turbolinks:load', function(){
       showUpdateRoom(this)
     })
 
+    // share room pop up accessibility
+    manageAccessAccessibility();
+
     $(".delete-room").click(function() {
       showDeleteRoom(this)
     })
@@ -434,6 +437,38 @@ function clearRoomSearch() {
   filterRooms()
 }
 
+function manageAccessAccessibility() {
+  // share room pop up accessibility
+  var holdModal = false;
+  $("#shareRoomModal").on("show.bs.modal", function() {
+    // for screen reader to be able to read results
+    $("#shareRoomModal .form-control").attr("aria-atomic", true);
+    $("#shareRoomModal .dropdown-menu div.inner").attr("role", "alert");
+    $("#shareRoomModal ul.dropdown-menu").attr("role", "listbox");
+    $("#shareRoomModal div.dropdown-menu").find("*").keyup(function(event) {
+      $("#shareRoomModal ul.dropdown-menu li").attr("aria-selected", false);
+      $("#shareRoomModal ul.dropdown-menu li.active").attr("aria-selected", true);
+      $("#shareRoomModal ul.dropdown-menu li.active a").attr("aria-selected", true);
+    });           
+    // for keyboard support
+    // so that it can escape / close search user without closing the modal
+    $("#shareRoomModal div.dropdown-menu input").keydown(function(event) {
+      if (event.keyCode === 27) {                                             
+        holdModal = true;   
+      }                                 
+    }); 
+  });
+
+  // reset escape button if the search is closed / done
+  $("#shareRoomModal").on("hide.bs.modal", function(e) {
+    if (holdModal) {
+      holdModal = false;
+      e.stopPropagation();
+      return false;   
+    }            
+  });
+}
+
 function generateAccessCodeAccessibility() {
   // For keyboard users to be able to generate access code
   $("#generate-room-access-code").keyup(function(event) {