blob: 8d4470b69acde639979feaa6b8246b68c4a3d863 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<body>
This test passes if there are three green squares below:<br>
<svg width="300" height="300">
<defs>
<symbol id="symbol" width="100">
<rect width="100%" height="100%" fill="green"/>
</symbol>
</defs>
<svg x="0" y="0" width="100" height="100">
<use id="use1" xlink:href="#symbol"/>
</svg>
<use id="use2" xlink:href="#symbol" x="100" y="100" width="10" height="100"/>
<use id="use3" xlink:href="#symbol" x="200" y="200" width="100" height="10"/>
</svg>
<script>
onload = function() {
// Wait until first layout is finished.
window.requestAnimationFrame(function() {
document.getElementById('use2').setAttribute('width', '100');
document.getElementById('use3').removeAttribute('height');
});
}
</script>
</body>
</html>