Удалить класс, когда фокус элемента удален. Однако работает только тогда, когда я перемещаю вкладку вместо вкладки на но ⇐ CSS

[Anonymous]

У меня есть HTML-код, в котором некоторые дочерние элементы представляют собой меню, но у двух элементов есть подменю

Код: Выделить всё

[list]
[url=#nogo]Services[/url]


[/list]
 {
// Find the focused menu item (the 'a' element that is focused)
if (!menuParent) return;

const menuChild = menuParent.closest("li").querySelector("ul.sub-menu");
const subMenuChild = menuChild ? menuChild.querySelectorAll(":scope > li") : [];

menuParent.addEventListener('focusout', (event) => {
setTimeout(() => {
// Check if focus has moved outside the submenu or its children
const activeElement = document.activeElement;
const isFocusInsideSubMenu = menuChild.contains(activeElement);

// If focus has moved outside the submenu, close it
if (!isFocusInsideSubMenu) {
toggleMenu(menuChild, subMenuChild)

}
}, 0); // Delay to allow focusout event to complete
}, true); // Use the capture phase to catch all focus changes

Основная проблема заключается в том, что isFocusInsideSubMenu становится ложным только тогда, когда я перехожу влево и вижу это в журналах. Иногда работает, если я нажимаю кнопку «Выключить», но это так непоследовательно. Честно говоря, было бы хорошо, если бы было сломано по-другому.
Обновление. Это как-то связано с моим addeventlistener. Я только что понял, что мне нужно запустить его для документа, а не для одного элемента! п>

Подробнее здесь: https://stackoverflow.com/questions/792 ... -shift-tab