CSS :open pseudo-class

[josepharhar]

Specification

• https://drafts.csswg.org/selectors-4/#open-state
• Add the :open pseudo-class whatwg/html#10126
• https://chromestatus.com/feature/5085419215781888

Description

The CSS :open pseudo-class matches on details and dialog elements when they are open. :open matches on select and input elements if they are in a state which supports a picker popup and that picker popup is open.

Documentation

mdn/content#37153

Browser support

Chromium: https://issues.chromium.org/324293874
Gecko: https://bugzilla.mozilla.org/show_bug.cgi?id=1936113
WebKit: https://bugs.webkit.org/show_bug.cgi?id=280637