diff --git a/testing/web-platform/tests/css/css-position/position-absolute-under-non-containing-stacking-context-ref.html b/testing/web-platform/tests/css/css-position/position-absolute-under-non-containing-stacking-context-ref.html
new file mode 100644
index 000000000000..ceade7bafe9c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-position/position-absolute-under-non-containing-stacking-context-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<div id="scroller" style="width: 200px; height: 200px; overflow: auto">
+  <div style="height: 0; opacity: 0.5; margin: 250px">
+    <div style="width: 100px; height: 100px; background: green"></div>
+  </div>
+</div>
+<script>
+scroller.scrollTo(200, 200);
+</script>
diff --git a/testing/web-platform/tests/css/css-position/position-absolute-under-non-containing-stacking-context.html b/testing/web-platform/tests/css/css-position/position-absolute-under-non-containing-stacking-context.html
new file mode 100644
index 000000000000..444f12576785
--- /dev/null
+++ b/testing/web-platform/tests/css/css-position/position-absolute-under-non-containing-stacking-context.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://crbug.com/1273431">
+<link rel="match" href="position-absolute-under-non-containing-stacking-context-ref.html">
+<script src="/common/rendering-utils.js"></script>
+<script src="/common/reftest-wait.js"></script>
+<div id="scroller" style="width:200px; height: 200px; overflow: auto; position: relative">
+  <div style="height: 0; overflow: hidden; opacity: 0.5; margin: 250px">
+    <div style="width: 100px; height: 100px; position: absolute; background: green"></div>
+  </div>
+</div>
+<script>
+waitForAtLeastOneFrame().then(() => {
+  scroller.scrollTo(200, 200);
+  takeScreenshot();
+});
+</script>
