RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software 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
Is that donut the new CSS logo? Because it gets my vote.
Álvaro MontoroÁlvaro Montoro
i tried to get the purple from it on the donut yep lol glad you noticed ❤️
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