- From: Jake Archibald via GitHub <sysbot+gh@w3.org>
- Date: Wed, 13 Dec 2023 10:51:49 +0000
- To: public-css-archive@w3.org
In terms of old/new classes, here's how it can happen: ```js const element = document.querySelector('.whatever'); element.style.viewTransitionName = 'foo'; element.style.viewTransitionClass = 'class-before'; document.startViewTransition(() => { element.style.viewTransitionClass = 'class-after'; }); ``` The above will result in `::view-transition-group(foo)`, but the question is which of the classes can be used to select that group? https://github.com/w3c/csswg-drafts/issues/8319#issuecomment-1852207709 proposes `class-after` only. But in this case: ```js const element = document.querySelector('.whatever'); element.style.viewTransitionName = 'foo'; element.style.viewTransitionClass = 'class-before'; document.startViewTransition(() => { element.remove(); }); ``` https://github.com/w3c/csswg-drafts/issues/8319#issuecomment-1852207709 proposes `class-before` works. This pattern could be summarised as "last captured classes win". @noamr in this case: ```js const element = document.querySelector('.whatever'); element.style.viewTransitionName = 'foo'; element.style.viewTransitionClass = 'class-before'; document.startViewTransition(() => { element.style.viewTransitionClass = 'none'; }); ``` …assuming `none` unsets the value, the group would have no classes. Is that right? -- GitHub Notification of comment by jakearchibald Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8319#issuecomment-1853687171 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 13 December 2023 10:51:50 UTC