MDL-75274 theme_boost: Aria so dropdowns with search focus better
This commit is contained in:
Vendored
+1
-1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -75,10 +75,13 @@ const dropdownFix = () => {
|
|||||||
const menu = e.target.parentElement.querySelector('[role="menu"]');
|
const menu = e.target.parentElement.querySelector('[role="menu"]');
|
||||||
let menuItems = false;
|
let menuItems = false;
|
||||||
let foundMenuItem = false;
|
let foundMenuItem = false;
|
||||||
|
let textInput = false;
|
||||||
|
|
||||||
if (menu) {
|
if (menu) {
|
||||||
menuItems = menu.querySelectorAll('[role="menuitem"]');
|
menuItems = menu.querySelectorAll('[role="menuitem"]');
|
||||||
|
textInput = e.target.parentElement.querySelector('[data-action="search"]');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (menuItems && menuItems.length > 0) {
|
if (menuItems && menuItems.length > 0) {
|
||||||
// Up key opens the menu at the end.
|
// Up key opens the menu at the end.
|
||||||
if (trigger === 'ArrowUp') {
|
if (trigger === 'ArrowUp') {
|
||||||
@@ -95,7 +98,10 @@ const dropdownFix = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (foundMenuItem) {
|
if (textInput) {
|
||||||
|
shiftFocus(textInput);
|
||||||
|
}
|
||||||
|
if (foundMenuItem && textInput === null) {
|
||||||
shiftFocus(foundMenuItem);
|
shiftFocus(foundMenuItem);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user