gecko-dev/testing/web-platform/tests/css/css-writing-modes/float-in-htb-in-vrl.html
Morten Stenshorne c5c1c00363 Bug 1466602 [wpt PR 11330] - [LayoutNG] Need to know when establishing a new FC during min/max calculation., a=testonly
Automatic update from web-platform-tests[LayoutNG] Need to know when establishing a new FC during min/max calculation.

When we have to lay out an object to determine its min/max inline size,
and the node establishes a new formatting context, we need to create a
constraint space that reflects this. The block size of the float needs
to be included in the block size of its container, because this block
size will be the min/max preferred inline size of the container of that
container, if the writing modes are orthogonal.

Avoid some duplicate code for creating the constraint space builder. The
second builder, the one that redoes layout with infinite available space
now gets SetFloatsBfcOffset() called, which was previously missing, but
that must have been an oversight.

This fixes the recently introduced regression with
fast/multicol/vertical-rl/column-rules.html and also another test.

Wrote a new test that tests exactly what I wanted to fix as well.

Bug: 847807
Cq-Include-Trybots: master.tryserver.chromium.linux:linux_layout_tests_layout_ng
Change-Id: I7b28a0ef8061fc3089deb488ad0a78b81776295d
Reviewed-on: https://chromium-review.googlesource.com/1084989
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Aleks Totic <atotic@chromium.org>
Cr-Commit-Position: refs/heads/master@{#564438}

--

wpt-commits: aa5ec97282685cba4a2ae34165ddb5043c251e39
wpt-pr: 11330
2018-06-25 21:53:14 +00:00

13 lines
668 B
HTML

<!DOCTYPE html>
<title>Fixed-size float in autosized htr in vrl</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-sizing-3/#intrinsic" title="4. Intrinsic Size Determination">
<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="width:100px; height:100px; background:red;">
<div style="writing-mode:vertical-rl; background:green;">
<div style="writing-mode:horizontal-tb;">
<div style="float:left; width:100px; height:100px;"></div>
</div>
</div>
</div>