Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The content behind the dialog is always unclickable #1129

Open
apprat opened this issue Dec 8, 2024 · 3 comments
Open

The content behind the dialog is always unclickable #1129

apprat opened this issue Dec 8, 2024 · 3 comments

Comments

@apprat
Copy link

apprat commented Dec 8, 2024

I tried to call dialog.showModal() and set the style pointer-events: none to the dialog but it doesn't work, the content behind the dialog is still unclickable, is this a technical flaw or intentional?
image

@lukewarlow
Copy link
Collaborator

lukewarlow commented Dec 8, 2024

This is intentional the dialog inerts the rest of the page when it's a modal. If you don't want a modal then you should use popover instead (you can do <dialog popover>).

@apprat
Copy link
Author

apprat commented Dec 8, 2024

This is intentional the dialog inerts the rest of the page when it's a modal. If you don't want a modal then you should use popover instead (you can do ).

Thanks for your reply, I thought that dialog and popover are the same and can be substituted for each other, with dialog having better browser compatibility.

@scottaohara
Copy link
Collaborator

Im curious where this misunderstanding comes from.

Are there any particular resources you’ve come across where popover and dialog have been described as one and the same?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants