Prevent the focus being trapped if the user intentionally clicks outside

Clicking on a link or button outside of the overlay caused the browser to close the drop-down and shift the focus on the menu element.

diff --git a/wcfsetup/install/files/js/WCF.User.js b/wcfsetup/install/files/js/WCF.User.js
index 975554177a9d91ae82b9eea62a2a51fb210d70bd..2b5a12225fd765f598f997d312472cde75ee8d90 100644 (file)
--- a/wcfsetup/install/files/js/WCF.User.js
+++ b/wcfsetup/install/files/js/WCF.User.js
@@ -455,6 +455,11 @@ if (COMPILER_TARGET_DEFAULT) {
                 * @param {Event} event
                 */
                _maintainFocus: function(event) {
+                       // Ignore a focus shift that was not the result of a keyboard interaction.
+                       if (document.activeElement && !document.activeElement.classList.contains('focus-visible')) {
+                               return;
+                       }
+                       
                        var dropdown = this._dropdown.getContainer()[0];
                        
                        if (!dropdown.contains(event.target)) {