Поместите элемент в верхний слой рядом с диалогом, пока диалог открыт. ⇐ Javascript

[Anonymous]

У нас есть следующая структура DOM:

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

Toggle

Когда мы нажимаем кнопку в нашем меню, некоторые настройки переключаются без закрытия меню.
К функции, выполняющей переключение, также можно получить доступ с помощью других методов интерфейса, поэтому всплывающее уведомление можно вызвать через меню, с помощью сочетания клавиш или чего-то еще. Вот почему всплывающее сообщение не находится ВНУТРИ диалога.
Мы хотим изменить меню с элемента div на элемент диалога, чтобы упростить поддержание инертности всей остальной части страницы... без необходимости этого делать: если диалог открывается с помощью showModal(), вся страница инертна, за исключением меню, а это именно то, что вам нужно при открытии выдвижного меню.
Но теперь используя тег диалогового окна в виде меню, когда диалоговое окно находится на переднем экране, средства чтения перестают объявлять об изменениях в области aria-live, пока диалоговое окно открыто.
Есть ли способ временно переместить элемент на верхний слой, чтобы он также не находился «за» фоном диалогового окна и правильно объявлялся вспомогательными технологиями?

Подробнее здесь: https://stackoverflow.com/questions/797 ... og-is-open