200383 2019-08-01 22:38:11 -0700 <foreignObject> doesn't establish a containing block 2019-08-02 15:31:14 -0700 1 1 1 Unclassified WebKit SVG Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 23113 BrowserCompat, InRadar P2 Normal --- 1 xidorn-webkit webkit-unassigned sabouhallawa simon.fraser webkit-bug-importer zalan zimmermann oldest_to_newest 1557885 0 375397 xidorn-webkit 2019-08-01 22:38:11 -0700 Created attachment 375397 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>. 1557886 1 xidorn-webkit 2019-08-01 22:38:34 -0700 And it works as expected on Firefox and Chrome. 1558086 2 webkit-bug-importer 2019-08-02 13:29:46 -0700 <rdar://problem/53876964> 1558170 3 sabouhallawa 2019-08-02 15:31:14 -0700 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 *** 375397 2019-08-01 22:38:11 -0700 2019-08-01 22:38:11 -0700 testcase foreignobject-absolute.html text/html 284 xidorn-webkit PCFET0NUWVBFIGh0bWw+Cjxzdmcgdmlld0JveD0iMCAwIDMwMCAzMDAiIHdpZHRoPSIzMDAiIGhl aWdodD0iMzAwIiBzdHlsZT0ibWFyZ2luOiAxMDBweCI+CiAgPGZvcmVpZ25PYmplY3QgeD0iMTAw IiB5PSIxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj4KICAgIDxkaXYgc3R5bGU9InBvc2l0 aW9uOiBhYnNvbHV0ZTsgbGVmdDogMDsgdG9wOiAwOyB3aWR0aDogMTAwcHg7IGhlaWdodDogMTAw cHg7IGJhY2tncm91bmQ6IGdyZWVuIj48L2Rpdj4KICA8L2ZvcmVpZ25PYmplY3Q+Cjwvc3ZnPgo=