css-flexbox: updates special case for flex-box emulating webkit-box
LayoutBox::SizesLogicalWidthToFitContent() has special logic that returns
true for -webkit-box. This makes it return true if flex-box is used for
-webkit-box
BUG=1010809
TEST=wpt/compat/webkit-box-vertically-centered.html
Change-Id: Ibf6045234c0513e2c5d6cb686ecc0a1001b47fe0
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1845506
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Commit-Queue: Scott Violet <sky@chromium.org>
Cr-Commit-Position: refs/heads/master@{#703963}
diff --git a/compat/webkit-box-vertically-centered.html b/compat/webkit-box-vertically-centered.html
new file mode 100644
index 0000000..4932274
--- /dev/null
+++ b/compat/webkit-box-vertically-centered.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+#wb {
+ display: -webkit-box;
+ -webkit-box-align: center;
+ -webkit-box-orient: vertical;
+}
+</style>
+<div id="wb">
+ <span id="t">text</span>
+</div>
+<script>
+ test(function() {
+ var child = document.getElementById("t");
+ var webkitBox = document.getElementById("wb");
+ // |webkitBox| should be centered, this at least ensures it's not left
+ // aligned.
+ assert_greater_than(child.offsetLeft, webkitBox.offsetLeft);
+ }, "Child in vertically centered webkit-box is centered");
+</script>
