[Webkit-unassigned] [Bug 266090] New: CSS rx and ry properties not supported

[bugzilla-daemon at webkit.org]

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

            Bug ID: 266090
           Summary: CSS rx and ry properties not supported
           Product: WebKit
           Version: Safari 17
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jbstrater at gmail.com

Created attachment 468945

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

Square corners - ignores rx and ry settings

Safari supports all of the other SVG 2.0 geometry properties in CSS, but not rx and ry.  This codepen tests for width, height, x, y, cy, cy, r, rx, and ry:
https://codepen.io/sidewayss/pen/GRPgqvG

caniuse.com says that Safari has supported this for a while now, but as you can see from the attached screenshot (and the codepen) it does not (the rectangle's corners are square). I have filed a PR for the browser-compat-data repo on github here:
https://codepen.io/sidewayss/pen/GRPgqvG

Obviously if/when these two properties are supported that PR becomes obsolete.

This is probably the same root cause as this bug, filed earlier this year, but it has nothing to do with animation. Safari simply doesn't support these two properties in CSS (yet):
https://bugs.webkit.org/show_bug.cgi?id=259646

-- 
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/20231208/7b58e093/attachment.htm>