View transition overflow
Hey guys, I'm trying to setup a simple slideIn slideOut transition, but for a content that is not the full page height. The problem I'm encountering is that the block that manage the overflow is above the div that contain the outlet, and that make the content overlaping the rest of my app during the transition (since the transition element are on the root of the html tree)
The video explains it better. Any idea on how could I manage this ? Like "snapshot" the height or something ?
2 Replies
other-emeraldOP•2w ago
(the overflow happens on the bottom)
Ok well, I found the solution, I made the div that manage the transition manage the overflow too, and it works perfectly ^^
deep-jade•2w ago
Just for reference, if you are using view transitions - view transitions create an overlay over the screen which animates the element from A -> b, which means that it often sits on top of other elements that are not opted into the transition.
If you are using view transitions, a typical fix for this is to add a transition id to the footer such that it also participates in the transition, which will allow it to remain on top of the other elements that are moving.