Bug 238499 - ForeignObject rendered in top left corner (bounding box is ok)
Summary: ForeignObject rendered in top left corner (bounding box is ok)
Status: RESOLVED DUPLICATE of bug 23113
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2022-03-29 02:48 PDT by bernhard
Modified: 2022-03-31 12:15 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description bernhard 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.
Comment 1 Simon Fraser (smfr) 2022-03-31 12:15:48 PDT 

*** This bug has been marked as a duplicate of bug 23113 ***