Re: [csswg-drafts] [css-view-transitions-2] [scoped] auto-nesting for self-participating scroller scopes (#13420)

Adding the suggested CSS to the UA stylesheet for self-participating scopes would make a good default.

You can try it in https://cdpn.io/pen/debug/WbvmWvm/642cd0972941b2c5481ecb0d2157c99b (in Chrome Canary with flags, or see the recordings below). Use the checkbox to toggle the application of the suggested piece of CSS.

Without the relevant CSS: The `li` elements inside the `ul` _(which is the self-participating scope)_ bleed out of the `ul`:

https://github.com/user-attachments/assets/a48a869d-7132-4fe4-a9c7-110036ddbacd

With the suggested CSS applied: The `li` elements inside the `ul` are contained by that `ul`:

https://github.com/user-attachments/assets/2b983370-4b9e-47bf-b51b-a1ff9e5b15d0

I am 100% convinced that the behavior shown in the 2nd video is the behavior that authors want out of the box. I found myself repeatedly adding this bit of CSS to all my Element-Scoped View Transitions demos.

-- 
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13420#issuecomment-3927369559 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 19 February 2026 13:37:26 UTC