- From: Tim Nguyen via GitHub <sysbot+gh@w3.org>
- Date: Tue, 07 Feb 2023 19:26:18 +0000
- To: public-css-archive@w3.org
How inert currently works corresponds roughly to this, so it's not as simple as @jakearchibald mentions. This is what allows modal dialogs to be interactive while the whole document is inert.
```
:root:has(dialog:-internal-active-modal-dialog, :fullscreen) {
inert: true; // inherits down to true to all descendants until false is set
}
dialog:not([inert]):-internal-active-modal-dialog, :fullscreen:not([inert]) {
inert: false; // inherits down false to all descendants
}
[inert] {
inert: true;
}
```
I'm reluctant to make this a CSS property since it limits what functionality we could apply to the inert attribute, since it'd be constrained by the CSS cascade.
--
GitHub Notification of comment by nt1m
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8389#issuecomment-1421327923 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 7 February 2023 19:26:19 UTC