Commit 84026b73 authored by Ian Kilpatrick's avatar Ian Kilpatrick Committed by Commit Bot

[LayoutNG] Rebaseline width-avoid-floats.html

This adds a new test expectation file for the width-avoid-floats.html
test.

We believe that if/when fill-available does get specified, it should
avoid floats similar to 'auto'.

Bug: 635619
Change-Id: I1c112952ea70176c55106d9bd396034cbf5ca531
Reviewed-on: https://chromium-review.googlesource.com/c/1393667Reviewed-by: default avatarMorten Stenshorne <mstensho@chromium.org>
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/master@{#619638}
parent abf7bfb0
...@@ -230,7 +230,6 @@ crbug.com/591099 fast/block/float-avoids-padding-inline-ancestors.html [ Failure ...@@ -230,7 +230,6 @@ crbug.com/591099 fast/block/float-avoids-padding-inline-ancestors.html [ Failure
crbug.com/591099 fast/block/positioning/positioned-child-inside-relative-positioned-anonymous-block.html [ Failure ] crbug.com/591099 fast/block/positioning/positioned-child-inside-relative-positioned-anonymous-block.html [ Failure ]
crbug.com/591099 fast/borders/inline-mask-overlay-image-outset-vertical-rl.html [ Failure ] crbug.com/591099 fast/borders/inline-mask-overlay-image-outset-vertical-rl.html [ Failure ]
crbug.com/591099 fast/css-intrinsic-dimensions/height-positioned.html [ Pass ] crbug.com/591099 fast/css-intrinsic-dimensions/height-positioned.html [ Pass ]
crbug.com/807708 fast/css-intrinsic-dimensions/width-avoid-floats.html [ Failure ]
crbug.com/591099 fast/css/absolute-inline-alignment-2.html [ Pass ] crbug.com/591099 fast/css/absolute-inline-alignment-2.html [ Pass ]
crbug.com/835484 fast/css/outline-narrowLine.html [ Failure ] crbug.com/835484 fast/css/outline-narrowLine.html [ Failure ]
crbug.com/855279 fast/css/text-overflow-ellipsis-vertical-hittest.html [ Pass ] crbug.com/855279 fast/css/text-overflow-ellipsis-vertical-hittest.html [ Pass ]
......
<!doctype html>
<style>
body * {
border: 5px solid red;
padding: 5px;
}
span {
display: inline-block;
width: 200px;
border-color: green;
}
.float {
float: left;
height: 300px;
}
/* Should be shrink wrapped like it was an inline block */
.fit-content,
.max-content,
.min-content {
display: inline-block;
}
.fill-available {
overflow: hidden;
}
</style>
<body>
<div class="float">Float</div>
<div class="min-content">
<span>Min Content</span><br>on this box.
</div>
<br>
<div class="max-content">
<span>Max Content</span> on this box.
</div>
<br>
<div class="fit-content">
<span>Fit Content</span> on this box.
</div>
<br>
<div>
<span>Auto</span> on this box.
</div>
<div class="fill-available">
<span>Fill Available</span> on this box.
</div>
</body>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment