[Webkit-unassigned] [Bug 238499] New: ForeignObject rendered in top left corner (bounding box is ok)

[bugzilla-daemon at webkit.org]

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

            Bug ID: 238499
           Summary: ForeignObject rendered in top left corner (bounding
                    box is ok)
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bernhard at ruckenstuhl.or.at
                CC: sabouhallawa at apple.com, zimmermann at kde.org

<g style="transform: translate(@(SpaceElement.X)px, @(SpaceElement.Y)px); -webkit-transform: translate(@(SpaceElement.X)px, @(SpaceElement.Y)px)">
    <foreignObject x="0" y="0" width="@ToPixels(Width)" height="@ToPixels(Height)" @onclick="OnClick">
        <div xmlns="http://www.w3.org/1999/xhtml">
            <button>
                <h3>@SpaceNumber</h3>
            </button>
        </div>
    </foreignObject>
</g>

I have a button, which is contained within an SVG. Anyways, in Safari, the button is stuck to the top left corner (I am using Blazor, therefore there is some dynamically loading stuff).
Anyways, the buttons are always rendered in the top left corner. Funny thing: The bounding boxes are in the correct positions and are clickable. Literally only the rendering is messed up.

-- 
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/20220329/87e88d50/attachment.htm>