mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
Morten Stenshorne
13a19242c7
Automatic update from web-platform-tests Recalculate overflow caused by direct multicol children. Ignore the flow thread when marked for self overflow recalc, and instead mark its parent - the multicol container. Bug: 829028 Change-Id: Ie6a6d4c14535faf3076db7cf08252859cfebf30f Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3392344 Reviewed-by: Ian Kilpatrick <[email protected]> Commit-Queue: Morten Stenshorne <[email protected]> Cr-Commit-Position: refs/heads/main@{#960634} -- wpt-commits: 7040e57837235901bbb598d38d984648b5194142 wpt-pr: 32408
34 lines
1.3 KiB
HTML
34 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
|
|
<link rel="help" href="https://drafts.csswg.org/css-break/#transforms">
|
|
<div id="container" style="width:300px; overflow-x:scroll;">
|
|
<div style="columns:3; column-gap:0; column-fill:auto; height:100px;">
|
|
<div>
|
|
<div id="target" style="transform:translateX(0); width:100px; height:150px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script>
|
|
test(()=> {
|
|
// We have three columns. The column width is 100px.
|
|
// #target occurs in the first two columns.
|
|
assert_equals(container.scrollWidth, 300);
|
|
|
|
// This shouldn't affect the size of the scrollable area, since everything
|
|
// still fits within the scrollport.
|
|
target.style.transform = "translateX(100px)";
|
|
assert_equals(container.scrollWidth, 300);
|
|
|
|
// #target should now overflow the scrollport.
|
|
target.style.transform = "translateX(200px)";
|
|
assert_equals(container.scrollWidth, 400);
|
|
|
|
// Check that we're not stuck with the overflow.
|
|
target.style.transform = "translateX(100px)";
|
|
assert_equals(container.scrollWidth, 300);
|
|
}, "Changing a transformed element should update overflow area.");
|
|
</script>
|