- From: Judah Gabriel Himango via GitHub <sysbot+gh@w3.org>
- Date: Fri, 28 Jun 2024 18:57:05 +0000
- To: public-css-archive@w3.org
Correct, it's not about mixing light DOM with shadow DOM. Our whole app is built with web components, so it's all shadow DOM. And the issue is that, we don't want our header and footer to take part in view transition. Since header and footer don't change, we want them to stay in place. We accomplished this by setting `view-transition-name` on header and footer. This worked until Chrome 126. Now with the new behavior, the browser ignores `view-transition-name`, and thus enlists them in the page transition. You can see it for yourself in this [minimal repo](https://glitch.com/edit/#!/view-transition-name-web-component-bug). Or you can see it on our live public-facing site, [apps.microsoft.com](https://apps.microsoft.com) - just click a link and observe that the header and footer participate in the view transition. We want a way to say, "This element shouldn't participate in the view transition", even if that element is inside a shadow root. -- GitHub Notification of comment by JudahGabriel Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10145#issuecomment-2197466919 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 28 June 2024 18:57:06 UTC