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
1,205 views · 10 active
#CSS `interactivity: inert` - why call it "donut inertness" - link to a demo nerdy.dev/donut-inertn...Adam Argyle
Is that donut the new CSS logo? Because it gets my vote.Álvaro Montoro
i tried to get the purple from it on the donut yep lol glad you noticed ❤️Adam Argyle
@argyleink Oh wow I was just looking for something like this the other day:
https://elk.zone/mastodon.social/@rgadellaa/113429720829322975Basically, 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 Gadellaa
@argyleink Is there anywhere I can track progress of this?