Bug 1669315 [wpt PR 25993] - [LayoutNG] Correct column balancing for horizontal-rl., a=testonly

Automatic update from web-platform-tests [LayoutNG] Correct column balancing for horizontal-rl. We got it wrong when there was overflow. Use WritingModeConverter. Bug: 829028 Change-Id: Idf060c3417f254f414251a9e3287a3c8f5c6cd97 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2450315 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#813898} -- wpt-commits: 5484d8df43a5a2daba5ca6b372cb5fe05c21a825 wpt-pr: 25993
2020-10-06 14:55:46 +00:00 · 2020-10-06 14:55:46 +00:00 · c3225c997c
--- a/testing/web-platform/tests/css/css-multicol/multicol-fill-balance-004.html
+++ b/testing/web-platform/tests/css/css-multicol/multicol-fill-balance-004.html
@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#cf" title="7.1. column-fill">
+<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="writing-mode:vertical-rl; columns:2; column-gap:0; inline-size:100px; background:red;">
+  <div style="block-size:20px;">
+    <div style="block-size:200px; background:green;"></div>
+  </div>
+</div>