blob: dd1b80433e036848361e0302da3b91747cd9e703 [file] [log] [blame]
<html xmlns="">
<title>foreignObject is an abs pos containing block</title>
<style type="text/css">
html { padding: 8px; margin: 0; }
body { margin: 0; padding: 0; }
div { width: 200px; height: 200px; }
.control { background: red; color: yellow; position: absolute; top: -200px; }
.test { position: absolute; left: 8px; top: 8px; background: white; }
<div class="test"> There should be a green circle below with no red on this page. </div>
<svg style="margin-top: 200px; overflow: visible" xmlns="" width="200" height="200">
<circle cx="100" cy="100" r="50" fill="green"/>
<foreignObject x="0" y="0" width="200" height="200">
<div xmlns="" class="control">FAIL</div>