[Webkit-unassigned] [Bug 258125] New: clip-path: inset() radii does not render on specific sizes (maybe floating precision?)

[bugzilla-daemon at webkit.org]

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

            Bug ID: 258125
           Summary: clip-path: inset() radii does not render on specific
                    sizes (maybe floating precision?)
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: tombigel at wix.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 466698

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

a simplified usecase where clip-path inset radius does not render

When using clip-path: inset() with border-radius values, the radius is not rendered on specific cases of element size, radius size and clip-path size.

In the attached code example you can see an element 661px wide and 445px high with "clip-path: inset(11.2923% round 50% 50% 0% 0%)."
The radius of these exact dimensions fails consistently (At least on MacOS 13.2.1 Safari 16.3, Safari Tech Preview 171, and iOS 16.5).

Any change to the width, height, clip-path size or border-radius will "fix" the issue.

Also attached a link to an animated codepen where different element sizes and different radius values "glitch" on different points on the timeline

-- 
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/20230615/96744080/attachment.htm>