CSS Declarative Toggles

Archived:

❌ This feature has been abandoned. Our notes are likely out-of-date.

Warning:

I’m convinced this doesn’t belong in CSS:

  • The style part of the problem – responding to state – is conditional CSS that can be handled with container style queries.
  • The issue of creating toggles should be addressed in other parts of the platform with features like invoker commands.

In retrospect, I’m afraid this exploration acted as a distraction from more viable solutions – while requiring extra effort from accessibility experts to document all the issues with our approach.

There are many use-cases that require “toggling” the state of one element by interacting with a different element. Many of these could be described in terms of show/hide states specifically.

Related Notes