gecko-dev/testing/web-platform/tests/css/CSS2/floats/negative-margin-float-positioning.html
Ian Kilpatrick b99713bf3e Bug 1583390 [wpt PR 19235] - [LayoutNG] Allow floats to be placed "before" other floats of the same type., a=testonly
Automatic update from web-platform-tests
[LayoutNG] Allow floats to be placed "before" other floats of the same type.

Floats have some "interesting" behaviour which allows a left (or right)
float to be placed left (or right) of a previous float. This typically
isn't allowed.

This occurs when a float has "negative size" e.g. it has a large
negative margin, which is larger than its width. E.g.
<div style="width: 50px; margin-left: -150px; float: left;"></div>

In such cases the float doesn't respect the normal rules, and is
placed in a typically invalid area.

This patch also changes "const LogicalSize& minimum_size" to
"const LayoutUnit minimum_inline_size" for "FindLayoutOpportunity".

Bug: 1005437
Change-Id: I4c91a53911b2651346487f71c4b31ec6e0240202
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1819356
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#699390}

--

wpt-commits: 38028a8b9d38b369952c27f5b5addc2ef5b5bff9
wpt-pr: 19235
2019-09-26 20:26:18 +00:00

9 lines
536 B
HTML

<!DOCTYPE html>
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#float-width" title="10.3.5 Floating, non-replaced elements">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="width: 100px;">
<div style="float: left; width: 50px; height: 100px; margin-left: 50px; margin-right: 50px;background: green;"></div>
<div style="float: left; width: 50px; height: 100px; margin-left: -150px; background: green;"></div>
</div>