[Bug]: accessibility issue with modal dropdown menu

[Ericlm]

Environment

Developement/Production OS: macOS 15.7 (24G222)
Node version: 24.4.1
Reka UI version: 2.6.1
Vue version: 3.0.0
CSS framework: tailwindcss@4.1.17

Link to minimal reproduction

https://github.com/Ericlm/reka-dropdown-teleport

Steps to reproduce

1. Creating a DropdownMenu
2. Settings the dropdown menu prop to modal (the default)

Describe the bug

When opening the dropdown into Storybook (for example), I got an accessibility issue (aria-hidden-focus). Basically, it says that there is a focusable item inside of an aria-hidden item, which is bad.

Expected behavior

Opening a dropdown which has a "modal" behavior should has the same effect that opening a Dialog (opening a Dialog doesn't cause any a11y issue).

Context & Screenshots (if applicable)

The repro is using shadcn and storybook with a dialog (working as expected) and a dropdown.

[kricsleo]

I tried your reproduction (with modal), but no issue occurred. Did I miss anything?

Screen.Recording.2025-12-13.at.5.15.06.PM.mov

[Ericlm]

@kricsleo the repro is using Storybook, in which you will be able to see the issue (by running npm run storybook) in the "Accessibility" tab.

[kricsleo]

You mean this? It's weird that this is not the reka's DOM (described as ... id="storybook-root" ..)...