Лучший способ обновить атрибут ARIA-Exped при использовании: Focus-within ⇐ CSS

[Anonymous]

Я работаю над Combobox, и при этом я хочу использовать новый селектор Pseudo Focus < /code> для управления отображением расширяемого списка, который связан с Combobox. Единственная проблема, с которой я сталкиваюсь,-это выяснить, как сохранить обновленный атрибут ARIA в ListBox. Поскольку вся функциональность скрыть /показывать происходит в браузере-ланд, из-за псевдо-селектора, я не уверен в крючке, который я могу использовать в JavaScript, чтобы определить, когда элемент виден или не для обновления этого свойства. Я не хотел бы воспроизвести логику для фокуса/размытия, что: Focus-within сейчас справляется с обновлением этого атрибута. Я также обеспокоен, что они могут выйти из синхронизации. Есть способ шпионить за элементом с: Focus-within < /code> или что-то в этом роде?.list {
display: none;
}
.combobox-container:focus-within .list {
display: block;
}< /code>


Foo

• Javascript
• HTML
• CSS

< /code>
< /div>
< /div>
< /p>

>

Подробнее здесь: https://stackoverflow.com/questions/601 ... cus-within