aria-hidden causing warning in chrome devtools?

[yabdab]

I keep getting warnings like the following in my chrome console when opening a modal ...

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.relative flex items-center justify-center rounded-sm bg-blue-500 p-0 px-4 text-white transition hover:bg-blue-600 focus:outline-hidden cursor-pointer>
Ancestor with aria-hidden: <div.min-h-screen bg-gray-100>
...

It seems livewire, possibly modal is adding aria-hidden to my main div which is causing the problem.

Is there any work around to getting rid of these warnings?

[yabdab]

As normal, I figure out ONLY after posting the question.

The button clicked to open the modal was focused. To remove that focus after click, and prevent aria warnings, I added x-on:click="$el.blur()" .

This tells Alpine: “after this button is clicked, immediately blur (remove focus from) itself.”

Maybe this will help someone else down the road.