<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<svg width="200" height="200">
<filter id="NotMyFilter">
<feColorMatrix type="hueRotate" values="90"/>
</filter>
<rect x="10" y="10" fill="blue" width="100" height="100" filter="url(#MyFilter)"/>
</svg>
<script>
runAfterLayoutAndPaint(function() {
document.getElementById("NotMyFilter").id = "MyFilter";
}, true);
</script>