[Webkit-unassigned] [Bug 259646] New: CSS animation for SVG rect rx and ry has no effect

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Jul 31 06:47:52 PDT 2023


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

            Bug ID: 259646
           Summary: CSS animation for SVG rect rx and ry has no effect
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kari.pihkala at gmail.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Created attachment 467161

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

rect-rx-animation.svg

CSS animating the SVG <rect> element rx and ry radius properties has no effect. See the attached rect-rx-animation.svg or this fiddle: https://jsfiddle.net/861prg29/

The blue rectangle doesn't animate its radius as expected.

The green rectangle does animate its radius, because it has its rx attribute set to a non-zero value. But, setting the attribute to a non-zero value shouldn't be necessary.

The expected result is that both rectangles are animated. Note that animating the ry property has the same bug as the rx property.

Tested on Safari 16.5.2 (18615.2.9.11.10) and Safari Tech Preview Release 174 (Safari 17.0, WebKit 18616.1.22.1).

Firefox 115 and Chrome 115 animate both rectangles as expected.

-- 
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/20230731/ac4ebb80/attachment.htm>


More information about the webkit-unassigned mailing list