[csswg-drafts] [css-view-transition] `::view-transition` element doesnt respect original parent with overflow: auto (#11049)

emattias has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-view-transition] `::view-transition` element doesnt respect original parent with overflow: auto ==
Video of the problem:

https://github.com/user-attachments/assets/9852c9a5-063d-43e4-9b60-20e77fd789b8

If an element with `view-transition-name` set is inside of an overflow parent (and it overflows its parent) the `view-transition-old/new` pseudo element doesnt get clipped by the overflow parent.

Here's [the codepen](https://codepen.io/emattias/pen/zYgzRWQ) showing the problem (I disabled the fade animation and made the whole transition 2s to make it easy to see the problem). Basically in all the cases I have tried where this occurs I would like the `::view-transition-old/new` element to be clipped by the overflow auto/hidden/clip parent that the real element has.

Is there a recommended way to handle this? I noticed that resizing the real element before/after starting the transition to the height of overflow parent fixes it but then you loose the scroll position (and possibly other things).

My suggestion would be to add an option to make it not overflow the real elements overflow parent. Maybe as an option to `startViewTransition` or as a css property or something. Its would be nice to not have to check for this every time (especially for general solutions where you cant know if an overflow parent exists or not every time).



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11049 using your GitHub account


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

Received on Friday, 18 October 2024 15:50:07 UTC