--- a/layout/reftests/svg/reftest.list
+++ b/layout/reftests/svg/reftest.list
@@ -433,8 +433,9 @@ pref(layout.css.mix-blend-mode.enabled,t
 #skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-screen.svg blend-screen-ref.svg
 #skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-soft-light.svg blend-soft-light-ref.svg
 skip-if(Android) pref(layout.css.mix-blend-mode.enabled,true) == blend-difference-stacking.html blend-difference-stacking-ref.html
 
 # test case for Fragment URLs
 # https://drafts.csswg.org/css-values/#local-urls
 == use-localRef-marker-01.svg use-localRef-marker-01-ref.svg
 == use-localRef-clipPath-01.svg use-localRef-clipPath-01-ref.svg
+== use-localRef-filter-01.svg use-localRef-filter-01-ref.svg

new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-filter-01-ref.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Reference for filter linked to local-ref URL</title>
+  <defs>
+    <filter id="blurFilter" x="-10" y="-10" width="100" height="100">
+        <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+  </defs>
+  <rect x="10" y="10" width="80" height="80" fill="blue" filter="url(#blurFilter)"/>
+  <rect x="10" y="110" width="80" height="80" fill="blue" filter="url(#blurFilter)"/>
+  <rect x="10" y="210" width="80" height="80" fill="blue" filter="url(#blurFilter)"/>
+</svg>
\ No newline at end of file

new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-filter-01.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title>Testcase for filter linked to local-ref URL</title>
+  <defs>
+    <filter id="blurFilter1" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="0" />
+    </filter>
+    <filter id="blurFilter2" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+    <filter id="blurFilter3" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+  </defs>
+  <style>
+    #f3 {
+      filter: url(#blurFilter3);
+    }
+  </style>
+  <use xlink:href="use-localRef-filter-resource.svg#f1"/>
+  <use xlink:href="use-localRef-filter-resource.svg#f2" filter="url(#blurFilter2)"/>
+  <use xlink:href="use-localRef-filter-resource.svg#f3"/>
+</svg>

new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/use-localRef-filter-resource.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <filter id="blurFilter1" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="10" />
+    </filter>
+    <filter id="blurFilter2" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="0" />
+    </filter>
+    <filter id="blurFilter3" x="-10" y="-10" width="100" height="100">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="0" />
+    </filter>
+  </defs>
+  <rect id="f1" x="10" y="10" width="80" height="80" fill="blue" filter="url(#blurFilter1)"/>
+  <rect id="f2" x="10" y="110" width="80" height="80" fill="blue"/>
+  <rect id="f3" x="10" y="210" width="80" height="80" fill="blue"/>
+</svg>
\ No newline at end of file