1 files changed, 40 insertions, 0 deletions
diff --git a/layout/reftests/svg/dynamic-mask-pre-effects-bbox-ref.html b/layout/reftests/svg/dynamic-mask-pre-effects-bbox-ref.html
new file mode 100644
index 000000000..4def173a0
--- /dev/null
+++ b/layout/reftests/svg/dynamic-mask-pre-effects-bbox-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #container {
+        border: 3px dotted black;
+        background: yellow;
+        overflow: hidden;
+        width: 400px;
+        max-height: 25px;
+      }
+
+      #container.masked {
+        mask: url('#fade_mask_bottom');
+      }
+      .item {
+        font-size: 30px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id='container' class="masked"><div class="item">PASS</div></div>
+
+    <!-- BEGIN SVG MASK: -->
+    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+      <mask id="fade_mask_bottom"
+            maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+        <linearGradient id="fade_gradient_bottom"
+                        gradientUnits="objectBoundingBox" x2="0" y2="1">
+          <stop stop-color="white" stop-opacity="1" offset="0.7"></stop>
+          <stop stop-color="white" stop-opacity="0" offset="1"></stop>
+        </linearGradient>
+        <rect x="0" y="0" width="1" height="1"
+              fill="url(#fade_gradient_bottom)"></rect>
+      </mask>
+    </svg>
+  <!-- END SVG MASK -->
+
+  </body>
+</html>