diff --git a/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow-ref.html b/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow-ref.html
index a73d32b3b0bfa..42ecb22aefb0e 100644
--- a/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow-ref.html
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow-ref.html
@@ -24,6 +24,17 @@
   max-height: 50px;
   overflow: scroll;
 }
+
+.fieldset3 {
+  width: 20em;
+  max-height: 250px;
+  padding: 7px;
+  margin: 0;
+  overflow: auto;
+  box-sizing: border-box;
+  border: 1em solid transparent;
+  border-top: 40px solid transparent;
+}
 </style>
 <p>There should be no red.</p>
 <div class=fieldset>
@@ -33,3 +44,21 @@
 <div class=fieldset2>
   <div style="height:200px; background:blue"></div>
 </div>
+
+<div class="fieldset3">
+  <p>
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+  </p>
+</div>
diff --git a/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow.html b/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow.html
index feaa0b11e18cb..83813f9020910 100644
--- a/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow.html
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-overflow.html
@@ -28,6 +28,22 @@
   overflow: scroll;
 }
 
+#f3 {
+  width: 20em;
+  max-height: 250px;
+  padding: 7px;
+  overflow: auto;
+  box-sizing: border-box;
+  border-color: transparent;
+  background: transparent;
+}
+
+#f3 legend {
+  height: 40px;
+  border: none;
+  color: transparent;
+  background: transparent;
+}
 </style>
 <p>There should be no red.</p>
 <fieldset id="f1">
@@ -43,3 +59,24 @@
 <script>
  document.getElementById('last').scrollIntoView();
 </script>
+
+<!-- crbug.com/1282408 -->
+<fieldset id="f3">
+  <legend>Legend</legend>
+  <p>
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+The quick brown fox jumps over the lazy dog.
+  </p>
+</fieldset>
+