238499 2022-03-29 02:48:36 -0700 ForeignObject rendered in top left corner (bounding box is ok) 2022-03-31 12:15:48 -0700 1 1 1 Unclassified WebKit SVG WebKit Nightly Build Unspecified Unspecified RESOLVED DUPLICATE 23113 P2 Normal --- 1 bernhard webkit-unassigned sabouhallawa simon.fraser zalan zimmermann oldest_to_newest 1855965 0 bernhard 2022-03-29 02:48:36 -0700 <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. 1856910 1 simon.fraser 2022-03-31 12:15:48 -0700 *** This bug has been marked as a duplicate of bug 23113 ***