MDL-75274 theme_boost: Aria so dropdowns with search focus better

2023-04-12 11:24:23 +08:00
parent 1a1939ac29
commit 3a8eeedf6a
3 changed files with 9 additions and 3 deletions
@@ -75,10 +75,13 @@ const dropdownFix = () => {
        const menu = e.target.parentElement.querySelector('[role="menu"]');
        let menuItems = false;
        let foundMenuItem = false;
+        let textInput = false;

        if (menu) {
            menuItems = menu.querySelectorAll('[role="menuitem"]');
+            textInput = e.target.parentElement.querySelector('[data-action="search"]');
        }
+
        if (menuItems && menuItems.length > 0) {
            // Up key opens the menu at the end.
            if (trigger === 'ArrowUp') {
@@ -95,7 +98,10 @@ const dropdownFix = () => {
            }
        }

-        if (foundMenuItem) {
+        if (textInput) {
+            shiftFocus(textInput);
+        }
+        if (foundMenuItem && textInput === null) {
            shiftFocus(foundMenuItem);
        }
    };