Bug 1589526 [wpt PR 19773] - css-flexbox: special case vertical alignment for webkit-box, a=testonly

Automatic update from web-platform-tests
css-flexbox: special case vertical alignment for webkit-box

Deprecated flex box only considers box-pack if there is remaining space
(https://chromium.googlesource.com/chromium/src/+/master/third_party/blink/renderer/core/layout/layout_deprecated_flexible_box.cc#1053
ish).
This patch makes it so flex box does the same if it's emulated -webkit-box.

BUG=1014884
TEST=wpt/compat/webkit-box-ignore-box-pack.html

Change-Id: Ic15d1f93957ba8923c48e5a3a9864f17af412a17
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1864321
Commit-Queue: Scott Violet <sky@chromium.org>
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Cr-Commit-Position: refs/heads/master@{#707677}

--

wpt-commits: 02fae42fbd22ae0bbf0963dfb525520fa30e174a
wpt-pr: 19773
This commit is contained in:
Scott Violet 2019-10-22 17:18:21 +00:00 committed by James Graham
parent b4a9ffdba3
commit 1e72cb760c

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#outer {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
width: 100px;
height: 100px;
}
#inner {
width: 100px;
height: 200px;
}
</style>
<div id="outer">
<div id="inner"></div>
</div>
<script>
test(function() {
var child = document.getElementById("inner");
assert_greater_than(child.offsetTop, 0);
}, "Child should be positioned at y-offset greater than 0 if children exceed bounds of parent");
</script>