[Webkit-unassigned] [Bug 218371] New: Adding a border-radius, border, or box-shadow breaks animations from scale(0)

[bugzilla-daemon at webkit.org]

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

            Bug ID: 218371
           Summary: Adding a border-radius, border, or box-shadow breaks
                    animations from scale(0)
           Product: WebKit
           Version: Safari 14
          Hardware: Macintosh
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mattaningram at gmail.com
                CC: dino at apple.com

An element with a border-radius, box-shadow, border, or even just plain text will not render when running a keyframe animation from scale(0).

https://codepen.io/mattaningram/pen/zYBdjRq

Oddly if they are within a position: fixed element the animations render fine.

Considering an animation from scale(0) is common, this must be impacting a number of websites.

-- 
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/20201030/ac9162b3/attachment.htm>