WebKit export of https://bugs.webkit.org/show_bug.cgi?id=225278

web-platform-tests · Nov 28, 2023 · 1082479 · 1082479
1 parent 6cd7d64
commit 1082479
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/css/css-flexbox/column-reverse-gap.html b/css/css-flexbox/column-reverse-gap.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
+<link rel="help" href="https://drafts.csswg.org/css-align/#gap-shorthand">
+<style>
+  .flexbox {
+    display: flex;
+    flex-direction: column-reverse;
+    gap: 5px;
+    position: relative;
+    background-color: blue;
+  }
+  .flexbox > * {
+    height: 10px;
+    background-color: green;
+  }
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<body onload="checkLayout('.flexbox')">
+<div id=log></div>
+<div class="flexbox" data-expected-height="40">
+  <div data-offset-y="30"></div>
+  <div data-offset-y="15"></div>
+  <div data-offset-y="0"></div>
+</div>
+</body>