- From: Bramus via GitHub <sysbot+gh@w3.org>
- Date: Tue, 04 Mar 2025 11:29:33 +0000
- To: public-css-archive@w3.org
I believe the solution you are looking for is [Scoped Transitions](https://github.com/WICG/view-transitions/blob/main/scoped-transitions.md), which can be used to trigger transitions on only a subtree of the DOM.
```js
document.querySelector('.tabs').startViewTransition(() => {
// …
});
```
This feature is currently WIP.
Also, there are some issues with the code example you give:
- You are using `--tab-unique-name` which hints that the name should be unique. The use-case for `view-transition-class` is that you can tag multiple elements with a _generic_ name. The unique naming is reserved for `view-transition-name`.
- You are using custom properties in selectors. This is not possible in CSS.
--
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11785#issuecomment-2697207104 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 4 March 2025 11:29:34 UTC