[Webkit-unassigned] [Bug 266341] New: ForeignObject not visible when rendered in mask

[bugzilla-daemon at webkit.org]

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

            Bug ID: 266341
           Summary: ForeignObject not visible when rendered in mask
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: lucien.zimmermann at outlook.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Created attachment 469017

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

CodeSandbox output in Safari (left) and Google Chrome (right)

We would like to render a div with conic-gradient as background color inside of an SVG.
As our goal is to fill out only a certain part of a stroke, we work with a foreignObject that is masked to the part of the stroke.
This approach works fine in Google Chrome and Firefox, in Safari however, the foreignObject is not rendered.

The following code sandbox shows our approach and produces the stated result when being opened in Safari 17:
https://codesandbox.io/p/sandbox/svg-bug-repro-gxwcwf?file=%2Findex.html

-- 
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/20231213/0ed56e85/attachment.htm>