[Webkit-unassigned] [Bug 260281] New: REGRESSION - rotateX() + rotateY() breaks when pared with translate or opacity

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=260281

            Bug ID: 260281
           Summary: REGRESSION - rotateX() + rotateY() breaks when pared
                    with translate or opacity
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kevin at kevinpowell.co

If an element has a `transform: rotateX()` or `rotateY()` with more than 180deg (or .5turn) of rotation and either an opacity or translate, the transition or animation does not work in Safari 16.5 -> TP. It works as expected if the rotation is less than 180deg. It is the same regardless of whether it is a `transition` or `animation`.

If using `translate` and `transform`, the `transform` will not work, but the `translate` will still work.
If using `opacity` and `transform`, opacity will always stop working, and if the `rotateX()` or `rotateY()` is greater than 180deg, both will stop working.

All scenarios work as expected in Chrome, Firefox, and Safari 14.1 -> 15.6.

This codepen has examples: https://codepen.io/kevinpowell/pen/GRPKQvO

-- 
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/20230816/150156e1/attachment.htm>