duplicate-ids-style-change.html | Explore in Territory

<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<svg>
  <linearGradient id="f">
    <stop stop-color="green"/>
  </linearGradient>
  <linearGradient id="f">
    <stop stop-color="inherit"/>
  </linearGradient>
  <rect width="100" height="100" fill="url(#f) orange"/>
</svg>
<script>
runAfterLayoutAndPaint(function() {
  document.querySelectorAll('lineargradient')[1].style.stopColor = 'red';
}, true);
</script>

chromium/third_party/blink/web_tests/svg/custom/duplicate-ids-style-change.html