sideways: Fix an issue of block fragmentation

Fix layout in sideways-rl writing mode. * transform-025.html is based on transform-014.html. Bug: 40501131 Change-Id: I1f48af7f61460e88c10a8374ce39f2f6859991e7 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5932991 Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Auto-Submit: Kent Tamura <tkent@chromium.org> Cr-Commit-Position: refs/heads/main@{#1369218}
web-platform-tests · Oct 16, 2024 · 32d9a66 · 32d9a66
1 parent 33cd7ec
commit 32d9a66
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/css/css-break/transform-025.html b/css/css-break/transform-025.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-break-3/#transforms">
+<link rel="help" href="https://crbug.com/40501131">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display:flow-root; writing-mode:sideways-rl; width:100px; height:100px; background:red;">
+  <div style="columns:3; column-fill:auto; gap:0; inline-size:150px; block-size:100px; margin-block-start:100px; margin-inline-start:-50px;">
+    <div style="transform:rotate(180deg); transform-origin:middle left; block-size:77px;">
+      <div style="position:absolute; inset-block-start:100px; inline-size:100%; block-size:200px; background:green;"></div>
+    </div>
+  </div>
+</div>