Files
sousa-gecko/testing/web-platform/tests/css/css-writing-modes/float-vlr-014.html
T
Ian Kilpatrick f6d07ff50f Bug 2017540 [wpt PR 57850] - [float] Fix placement of floats in VLR writing-mode., a=testonly
Automatic update from web-platform-tests
[float] Fix placement of floats in VLR writing-mode.

Previously we just used the ascent to fix the placement, this was
incorrect in flipped-lines writing-modes, but rarely an issue as ascent
== descent most of the time in vertical modes.

Use the descent in flipped-lines writing-modes.

Fixed: 40149424
Change-Id: Ie7edc2476b70410425025f9d0651bafe810223ad
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7585170
Reviewed-by: Koji Ishii <kojii@chromium.org>
Commit-Queue: Koji Ishii <kojii@chromium.org>
Auto-Submit: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1586257}

--

wpt-commits: 126490c313526b1a6012ab378d40800ddf34b98f
wpt-pr: 57850
2026-02-20 13:10:22 +00:00

9 lines
532 B
HTML

<!DOCTYPE html>
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="writing-mode: vertical-lr; width: 100px; height: 100px; background: red;">
<div style="float: left; width: 100px; height: 50px; background: green;"></div>
<div style="display: inline-block; width: 100px; height: 50px; background: green; color: transparent;">x</span>
</div>