blob: b80f81095ac0ab2275cf8d21696f92694757f2f1 [file] [log] [blame]
<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml"
class="reftest-wait">
<title>SVG Pattern: Inherited pattern removed after style change</title>
<h:link rel="help" href="https://svgwg.org/svg2-draft/pservers.html"/>
<h:link rel="match" href="reference/green-100x100.svg"/>
<h:script src="/common/rendering-utils.js"/>
<h:script src="/common/reftest-wait.js"/>
<pattern id="pattern" width="1" height="1">
<rect width="100" height="100" fill="orange"/>
</pattern>
<pattern id="inheritedPattern" href="#pattern"/>
<rect width="100" height="100" fill="url(#inheritedPattern) green"/>
<script>
waitForAtLeastOneFrame().then(() => {
let svg = document.querySelector('svg');
let pattern = document.getElementById("pattern");
svg.style.imageRendering = 'pixelated';
getComputedStyle(svg).imageRendering;
pattern.remove();
takeScreenshot();
});
</script>
</svg>