Description

The :modal pseudo-class targets a dialog when it's in an open state.

The inert attribute provides web developers with a way to make an element inert, similar to the content behind a dialog — useful for situations that do not involve dialog.

It might make sense to add these two items to the dialog focus area. Or perhaps not, and put them someplace else.

Rationale

These two features, inert and :modal feel like work that was done to round out dialog and make sure web developers have all of what they need to accessibly provide this kind of interactive UI. Adding these to Interop 2023 ensures such details are implemented fully interoperable.

Specification

Inert in HTML: https://html.spec.whatwg.org/multipage/interaction.html#the-inert-attribute

:modal in CSS: https://w3c.github.io/csswg-drafts/selectors-4/#modal-state

Tests

Existing tests:

• modal-pseudo-class.html

More tests are needed.