RESOLVED DUPLICATE of bug 23113 200383
<foreignObject> doesn't establish a containing block 
https://bugs.webkit.org/show_bug.cgi?id=200383
Summary <foreignObject> doesn't establish a containing block
Xidorn Quan
Reported 2019-08-01 22:38:11 PDT
Created attachment 375397 [details] testcase See the attached testcase, the green box should be 200px away from the top and left edge, however it's attached to the two edges on Safari. I'm not sure whether there is any spec about the behavior here, but I think it makes sense that <foreignObject> should establish a containing block so that absolutely-positioned element wouldn't escape out of <foreignObject>.
Attachments
testcase (284 bytes, text/html)
2019-08-01 22:38 PDT, Xidorn Quan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Xidorn Quan
Comment 1 2019-08-01 22:38:34 PDT
And it works as expected on Firefox and Chrome.
Radar WebKit Bug Importer
Comment 2 2019-08-02 13:29:46 PDT
<rdar://problem/53876964>
Said Abou-Hallawa
Comment 3 2019-08-02 15:31:14 PDT
This bug happens because RenderSVGForeignObject is not a rendering root. RenderSVGForeignObject::requiresLayer() currently returns false. *** 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.