Add the `:modal` pseudo-class - Githubissues

Fyrd / caniuse

Raw browser/feature support data from caniuse.com

https://caniuse.com

Creative Commons Attribution 4.0 International

5.6k stars 1.38k forks source link

Add the `:modal` pseudo-class #6356

Open Schweinepriester opened 2 years ago

Schweinepriester commented 2 years ago

Spec:
- https://www.w3.org/TR/selectors-4/#modal-state
- https://github.com/w3c/csswg-drafts/issues/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.

jensimmons commented 2 years ago

:modal is shipping in Safari 15.6.

Schweinepriester commented 2 years ago

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