fune/testing/web-platform/tests/css/css-multicol/nested-non-auto-inline-size-offset-top.html
Morten Stenshorne 7904414363 Bug 1797250 [wpt PR 36642] - Write column-count back to legacy correctly., a=testonly
Automatic update from web-platform-tests
Write column-count back to legacy correctly.

Column-count was written back to legacy by resolving it separately after
actual layout. At this point we don't have the information we need - the
content box inline-size. We were actually passing the available
inline-size from the containing block instead, which is wrong (unless
the content-box inline-size of the multicol container happens to be
identical to the containing block inline-size), and worse: it could be
indefinite, which may be the case if the multicol container is a grid
item. We'd end up with both division by zero and correctness issues.

It's much better to write column-count back during actual multicol
layout, just like we already do for column inline-size.

Bug: 1349884
Change-Id: I6ab3f13bc3bc3f47bda12bf9c54f1bb1171ffda4
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3970622
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Alison Maher <almaher@microsoft.com>
Cr-Commit-Position: refs/heads/main@{#1063375}

--

wpt-commits: ae877771984f4877d856aa3a1b2adcaa1ef39e30
wpt-pr: 36642
2022-11-11 12:32:01 +00:00

17 lines
760 B
HTML

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1349884">
<div style="position:relative; columns:2; gap:0; width:600px; column-fill:auto; height:100px;">
<div style="height:70px; contain:size;"></div>
<div style="width:40px; column-width:20px; gap:0; column-fill:auto;">
<div style="height:20px;"></div>
<div id="secondouter" style="height:50px; contain:size;"></div>
</div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
test(()=> {
assert_equals(secondouter.offsetTop, 0);
}, "offsetTop on element in second outer column");
</script>