RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit Icon
My google avatar.
devrel@google
notecss

Just as @scope brought selector donut scoping to CSS (thanks Nicole!), so does interactivity: inert; bring donut inertness.

Try it on Codepen 🤘🏻💀
use Canary with web experiments enabled

some title

Join the conversation on

27 likes
3 reposts
  • Egor Kloos
  • Henri Helvetica ????????‍????????????
  • rol4nd
#CSS `interactivity: inert` - why call it "donut inertness" - link to a demo nerdy.dev/donut-inertn...
Adam ArgyleAdam Argyle

@argyleink Oh wow I was just looking for something like this the other day:
https://elk.zone/mastodon.social/@rgadellaa/113429720829322975

Basically, I want the behavior of a `dialog` where it makes everything `inert` **except** the dialog's tree (turns out, elements in the top-layer inherit `inert` from the tree where they are declared, so a `popover` will become `inert` if you set it on the body (or any parent of the `popover`)

Roderick Gadellaa (@rgadellaa@mastodon.social)
Roderick GadellaaRoderick Gadellaa

@argyleink Is there anywhere I can track progress of this?

Roderick GadellaaRoderick Gadellaa

Crawl the CSS Webring