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.

Sign up for GitHub

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

Jump to bottom

Add the `:modal` pseudo-class #6356

Open

Schweinepriester opened this issue Jul 1, 2022 · 2 comments

Labels

Support data suggestion

Contributor

Schweinepriester commented Jul 1, 2022 •

edited

Loading

Spec:
- https://www.w3.org/TR/selectors-4/#modal-state
- [selectors] Add :modal-dialog pseudo-class w3c/csswg-drafts#6965
Safari:
- Shipping in TP 148 and ~~presumably 16~~ even 15.6, see below.
- https://webkit.org/blog/12992/release-notes-for-safari-technology-preview-148/
- https://bugs.webkit.org/show_bug.cgi?id=240109
Chrome:
- Shipping in Chrome 106
- https://chromestatus.com/feature/5192833009975296
- https://groups.google.com/a/chromium.org/g/blink-dev/c/kGHVBtVS1X8
Firefox:
- Shipping in Firefox 103
- https://bugzilla.mozilla.org/show_bug.cgi?id=1768535

Closely related to <dialog>.

Technically this is part of Selectors Level 4 and as such #1058, but :modal wasn't mentioned there yet.

The text was updated successfully, but these errors were encountered:

Fyrd added the Support data suggestion label

Contributor

jensimmons commented Jul 15, 2022

:modal is shipping in Safari 15.6.

Schweinepriester mentioned this issue

Add Safari 15.6 on macOS and iOS #6310

Closed

Contributor Author

Schweinepriester commented Aug 9, 2022

Available via MDN now: https://caniuse.com/mdn-css_selectors_modal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment