Hi everyone,
I have a lookup field in a modal, and when I select it, I get this warning in the browser.
Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Element with focus: <button.btn btn-primary ew-btn>
Ancestor with aria-hidden: <div.modal ui-draggable ui-draggable-handle#ew-modal-lookup-dialog> <div id="ew-modal-lookup-dialog" class="modal ui-draggable ui-draggable-handle" data-bs-backdrop="static" tabindex="-1" aria-labelledby="ew-modal-lookup-dialog-title" style="z-index: 1050; display: block;" aria-hidden="true">…</div>