<!DOCTYPE html> | |
<svg width="200" height="200"> | |
<rect x="100" y="50" width="20" height="100" fill="red"/> | |
<foreignObject x="100" y="50" width="20" height="100" | |
style="overflow: hidden; writing-mode: vertical-rl"> | |
<div style="background: green; width: 100%; height: 100%"></div> | |
<div style="background: red">Should not show this</div> | |
</foreignObject> | |
</svg> |