RESOLVED DUPLICATE of bug 23113 238499
ForeignObject rendered in top left corner (bounding box is ok)
https://bugs.webkit.org/show_bug.cgi?id=238499
Summary ForeignObject rendered in top left corner (bounding box is ok)
bernhard
Reported 2022-03-29 02:48:36 PDT
<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.
Attachments
Simon Fraser (smfr)
Comment 1 2022-03-31 12:15:48 PDT
*** This bug has been marked as a duplicate of bug 23113 ***
Note You need to log in before you can comment on or make changes to this bug.