| Summary: | ForeignObject rendered in top left corner (bounding box is ok) | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | bernhard |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | sabouhallawa, simon.fraser, zalan, zimmermann |
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
<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.