Handle Enter key in Bootstrap modal dialogs (#864)

* Handle Enter key in Bootstrap modal dialogs Fixes #863 * Switch to native DOM methods, and keyup event
kiwix · Jun 1, 2022 · a57d622 · a57d622
1 parent 70273d7
commit a57d622
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/www/js/lib/uiUtil.js b/www/js/lib/uiUtil.js
@@ -73,6 +73,18 @@ define(rqDef, function(settingsStore) {
                     resolve(false);
                 }
             });
+            document.getElementById('alertModal').addEventListener('keyup', function (e) {
+                if (/Enter/.test(e.key)){
+                    // We need to focus before clicking the button, because the handler above is based on document.activeElement
+                    if (isConfirm) {
+                        document.getElementById('approveConfirm').focus();
+                        document.getElementById('approveConfirm').click();
+                    } else {
+                        document.getElementById('closeMessage').focus();
+                        document.getElementById('closeMessage').click();
+                    }
+                }
+            });
         });
     }