Why does opening a Radix Dialog (or other Radix overlays) make Base UI Combobox/Autocomplete dropdowns unselectable? #3694
Description
Bug report
When I place a Base UI Combobox/Autocomplete inside a Radix Dialog, the dropdown visually appears in front of the dialog but I cannot select any items, clicks do not reach the list. The same behavior is reported in the Base UI issue thread.
Is this an intentional behavior from Radix overlays (for example, related to an overlay element, pointer-event handling, or stacking-context management)? If so, what is the recommended approach to avoid blocking interaction with other portals (e.g. Combobox lists) rendered outside the dialog?
If this is not intentional, could Radix change the overlay/pointer handling (or provide a config) so dialogs/overlays don’t prevent interaction with dropdowns rendered by other libraries inside them?
related issue mui/base-ui#2854.
Current Behavior
Expected behavior
Reproducible example
Suggested solution
Additional context
Your environment
| Software | Name(s) | Version |
|---|---|---|
| Radix Package(s) | ||
| React | n/a | |
| Browser | ||
| Assistive tech | ||
| Node | n/a | |
| npm/yarn/pnpm | ||
| Operating System |