Bug 1646327 [wpt PR 24188] - [LayoutNG] Include block-end border/padding in multicol intrinsic block-size., a=testonly
authorMorten Stenshorne <mstensho@chromium.org>
Mon, 22 Jun 2020 10:42:44 +0000
changeset 536828 44d8c7a40ac024bdbdfcbba3d8fd4e799cfd7615
parent 536827 fc5c49e3cb0811cf34651625937ef77153e925f3
child 536829 b117ea72405e889a0e9ea4bf7232498085941bd0
push id37533
push userdluca@mozilla.com
push dateTue, 23 Jun 2020 21:38:40 +0000
treeherdermozilla-central@d48aa0f0aa0b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1646327, 24188, 829028, 2247827, 779282
milestone79.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1646327 [wpt PR 24188] - [LayoutNG] Include block-end border/padding in multicol intrinsic block-size., a=testonly Automatic update from web-platform-tests [LayoutNG] Include block-end border/padding in multicol intrinsic block-size. We were setting the actual block-size of the multicol container correctly, but didn't include the block-end border and padding in the intrinsic block-size, which is stored in the layout result, and used by flex layout in some cases. Bug: 829028 Change-Id: Idae7ac501b35ed24f3d7fbace8378492dc8700d5 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2247827 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#779282} -- wpt-commits: 6152228a5dde4997c6d39f88a64249709b287b12 wpt-pr: 24188
testing/web-platform/tests/css/css-multicol/as-column-flex-item.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-multicol/as-column-flex-item.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-multicol-1/">
+<link rel="help" href="https://www.w3.org/TR/css-sizing-3/">
+<meta name="assert" content="Tests that the intrinsic block-size of a multicol container is calculated correctly, including the border">
+<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="display:flex; flex-flow:column; background:red;">
+    <div style="columns:4; column-gap:0; border:30px solid green; width:40px;">
+      <div style="height:160px; background:green;"></div>
+    </div>
+  </div>
+</div>