<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://w3c.github.io/svgwg/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>