You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The current implementation for the dialog use portal with div to render the dialog.
Expected behavior
The dialog component should use the native HTML dialog behaviour to render it. This way, there will be no need to do any kind of very trick to make the z-index property work as expected.
Reproducible example
Suggested solution
The dialog component should use the HTML dialog to render, taking advantage of the #top-layer context provided by the browser to render on top of other elements on the page.
Your environment
Software
Name(s)
Version
Radix Package(s)
@radix-ui/react-dialog
^1.0.5
React
n/a
^18.2.0
Browser
Edge
123.0.2420.81
Assistive tech
Node
n/a
20.12.2
npm/yarn
pnpm
8.15.4
Operating System
Archlinux
6.8.7-arch1-1
The text was updated successfully, but these errors were encountered:
Bug report
Current Behaviour
The current implementation for the dialog use portal with
div
to render the dialog.Expected behavior
The dialog component should use the native HTML dialog behaviour to render it. This way, there will be no need to do any kind of very trick to make the
z-index
property work as expected.Reproducible example
Suggested solution
The dialog component should use the HTML dialog to render, taking advantage of the
#top-layer
context provided by the browser to render on top of other elements on the page.Your environment
The text was updated successfully, but these errors were encountered: