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

[css-ui] Need something to prevent modal dialogs from automatically getting user-select: none #7141

Open
Loirooriol opened this issue Mar 14, 2022 · 0 comments
Labels
css-ui-4 Current Work

Comments

@Loirooriol
Copy link
Contributor

In #6685 (comment) we resolved that inert elements behave as user-select: none. I guess this refers to the used value.

But then https://drafts.csswg.org/css-ui-4/#valdef-user-select-auto says that user-select: auto has a used value if none if the parent has a used value of none.

This is a problem, because if you have a modal dialog, its parent (and all elements outside the dialog) becomes inert, so it has a used value of user-select: none. The dialog is not inert, so by default it gets user-select: auto, which will have a used value of none.

So not sure if user-select: auto should resolve without taking effects of inertness into account, or maybe the UA stylesheet should set user-select: all to modal dialogs (analogous to #6939), or something like that.

@Loirooriol Loirooriol added the css-ui-4 Current Work label Mar 14, 2022
@Loirooriol Loirooriol changed the title [css-ui] Need something to prevent modal dialogs from getting user-select: none [css-ui] Need something to prevent modal dialogs from automatically getting user-select: none Mar 15, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-ui-4 Current Work
Projects
None yet
Development

No branches or pull requests

1 participant