diff --git a/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter-ref.html b/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter-ref.html
new file mode 100644
index 00000000000000..194c4734828bfd
--- /dev/null
+++ b/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<meta name="flags" content="ahem">
+<link rel="stylesheet" href="/fonts/ahem.css" />
+<style>
+#svgText {
+  font: 100px/1 Ahem;
+}
+</style>
+<svg width="500" height="300">
+  <text id="svgText" x="10" y="100">Text</text>
+</svg>
diff --git a/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter.html b/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter.html
new file mode 100644
index 00000000000000..c605a913243c00
--- /dev/null
+++ b/css/css-masking/clip-path/clip-path-svg-text-backdrop-filter.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-clip-path">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty">
+<link rel="match" href="clip-path-svg-text-backdrop-filter-ref.html">
+<meta name="flags" content="ahem">
+<link rel="stylesheet" href="/fonts/ahem.css" />
+<style>
+.masked {
+  width: 500px;
+  height: 300px;
+  clip-path: url(#svgPath);
+  backdrop-filter: invert(100%);
+  background: transparent;
+}
+#svgText {
+  font: 100px/1 Ahem;
+}
+</style>
+<div class="masked"></div>
+<svg>
+  <clipPath id="svgPath">
+    <text id="svgText" x="10" y="100">Text</text>
+  </clipPath>
+</svg>
