webkit foreignobject bug
change static to relative
by Felis Catus
HTML
<div class="container">
<svg height="100px" width="100px" viewBox="0 0 400 400">
<path d="M0,0 L200,200"/>
<g class="foreignwrap">
<foreignobject width="100" height="100" x="50" y="50">
<div class="foreign">
blah
</div>
</foreignobject>
</g>
</svg>
</div>
SCSS
svg {
stroke: black;
.foreign {
border: 1px solid red;
position: static;
width: 100px;
height: 100px;
}
}