- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Tue, 06 Feb 2024 01:57:12 +0000
- To: public-css-archive@w3.org
The slot matches `:focus-within:not(:focus)` but not `:has(:focus)`:
```html
<!DOCTYPE html>
<div id="host"><div tabindex="-1">Click me</div></div>
<script>
var shadow = document.getElementById("host").attachShadow({mode: "open"});
shadow.innerHTML = `
<style>
slot { display: block; border: solid }
slot:focus-within:not(:focus) { border-color: cyan }
slot:has(:focus) { background: cyan }
</style>
<slot tabindex="-1"></slot>
`;
</script>
```
--
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9899#issuecomment-1928643276 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 6 February 2024 01:57:15 UTC