RESOLVED DUPLICATE of bug 272130 272556
[view-transitions] Final position not calculated correctly when applied to view-transition element
https://bugs.webkit.org/show_bug.cgi?id=272556
Summary [view-transitions] Final position not calculated correctly when applied to vi...
Callie Riggins
Reported 2024-04-11 14:21:31 PDT
Created attachment 470872 [details] Safari Technology Preview of incorrect final position Repro: https://codepen.io/calinoracation/pen/ZEZRJZx In this example if you compare Chromium to Safari you'll notice that there's unexpected positioning of the chips at the end of the transition compared to Chrome where they are stable. This example has a transition on the button that offsets it, but even without that we still see the positioning incorrect. I'm not sure if it's related, but we also see that something might be up with the transform origin when scaling things in. There definitely seems to be a difference from Chrome and Safari when used inside of View Transitions. It might also be our usage of linear-easing springs, but I think that bug was fixed in 17.4 and we're still seeing the issue so likely just in the View Transitions side.
Attachments
Safari Technology Preview of incorrect final position (586.40 KB, video/quicktime)
2024-04-11 14:21 PDT, Callie Riggins
no flags
Chrome's rendering for comparison (560.55 KB, video/quicktime)
2024-04-11 14:22 PDT, Callie Riggins
no flags
Callie Riggins
Comment 1 2024-04-11 14:22:22 PDT
Created attachment 470873 [details] Chrome's rendering for comparison This is the comparison running that same CodePen for View Transitions in Chrome.
Tim Nguyen (:ntim)
Comment 2 2024-04-11 23:14:22 PDT
Thanks for reporting! This looks fixed with the fix from bug 272130. The shift at the end is caused by the drop shadow filter which triggers visual overflow. *** This bug has been marked as a duplicate of bug 272130 ***
Note You need to log in before you can comment on or make changes to this bug.