How does DropdownMenu.Trigger target what to focus on?

[donovanlopez]

Hi, I'm wondering how, for the DropdownMenu, how it figures out what to focus when opening a DropdownMenu and blurs everything else. I noticed that the DropdownMenu has a specific behavior where, on open, the focus is only on the DropdownMenu.Content.

The issue I'm facing is, I'm creating a list of where each item component in the list will have a DropdownMenu. Everything works normally but when I wrap it in virtua's Virtualizer to make an infinite scroll list, the focus gets messed up when I open an DropdownMenu. Normally, when opening an DropdownMenu , the focus is all on the DropdownMenu.Content but when I wrap it with the Virtualizer component, I'm able to interact with other elements when the DropdownMenu is open and even open other DropdownMenus.

Adding modal={false} to DropdownMenu.Root fixes the problem of multiple DropdownMenus opening but the focus issue is still a problem.

Screen.Recording.2024-08-27.at.4.19.42.PM.mov