[Webkit-unassigned] [Bug 252385] New: SVG located after text wobbles when opacity animation kicks in

[bugzilla-daemon at webkit.org]

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

            Bug ID: 252385
           Summary: SVG located after text wobbles when opacity animation
                    kicks in
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: oalikhanov at apple.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Created attachment 465021

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

Minimal reproduction html

We have an svg on the right side of text, we want to fade it in when the row is hovered, the problem is that it wobbles. From what I observe, movement happens when animation starts and ends.
Giving a certain width to the text element fixes the issue. Also tried to wrap the svg in an absolute div, or other similar structures but couldn't figure out a proper workaround.

Happens in Safari 16 (monterey) and Safari 16.2 (ventura) on M1 mac

-- 
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/20230216/d8a34b90/attachment.htm>