[Webkit-unassigned] [Bug 272556] New: [view-transitions] Final position not calculated correctly when applied to view-transition element

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Apr 11 14:21:31 PDT 2024


            Bug ID: 272556
           Summary: [view-transitions] Final position not calculated
                    correctly when applied to view-transition element
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Apple Silicon)
                OS: macOS 14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: callie.riggins at airbnb.com
                CC: dino at apple.com, graouts at apple.com

Created attachment 470872

  --> https://bugs.webkit.org/attachment.cgi?id=470872&action=review

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.

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240411/41f59cca/attachment-0001.htm>

More information about the webkit-unassigned mailing list