<!DOCTYPE html> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<svg> | |
<defs> | |
<rect id="r" x="100" y="50" width="100" height="100" fill="green"/> | |
</defs> | |
<rect width="100" height="100" fill="red"/> | |
<use href="#r" x="100" y="100" style="y: -50px"/> | |
</svg> | |
<script> | |
runAfterLayoutAndPaint(function() { | |
document.querySelector('use').style.x = '-100px'; | |
}, true); | |
</script> |