Accessibility and focus.

[CorruptionTiger]

Environment

---

• Operating System: Darwin
• Node Version: v23.11.0
• Nuxt Version: -
• CLI Version: 3.25.0
• Nitro Version: -
• Package Manager: npm@10.9.2
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.2

Reproduction

https://github.com/CorruptionTiger/app-1.git

Description

The button operation in the dropdown menu cannot make the page elements focus.

Additional context

Click the button on the webpage. Ordinary buttons can correctly make the input focus, but buttons in the dropdown menu cannot make the input focus.

Logs

The button operation in the dropdown menu cannot make the page elements focus.

[CorruptionTiger]

The reason is that when the dropdown menu is opened, the page adds "aria-hidden=true". "aria-hidden=true" seems to prevent internal nodes from getting the focus.

[CorruptionTiger]

I'm not sure why we need to add "aria-hidden="true" to the root node. If we must add it, how can we make the inner nodes get the focus in the operation?

[benjamincanac]

Did you try to set :modal="false" on the DropdownMenu? 🤔