fune/testing/web-platform/tests/css/css-overflow/orthogonal-flow-with-inline-end-margin.html
Morten Stenshorne bc15436965 Bug 1473774 [wpt PR 11817] - Correctly pick the block-end margin when calculating overflow., a=testonly
Automatic update from web-platform-testsCorrectly pick the block-end margin when calculating overflow.

We need to use the writing mode of the containing block to do this, not that of
the child, which is completely irrelevant.

Change-Id: Ia5907d9ce60d00ad453f48fb72193e2eab1aaa3e
Reviewed-on: https://chromium-review.googlesource.com/1127047
Reviewed-by: Koji Ishii <kojii@chromium.org>
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#572931}

--

wpt-commits: efea7337078c4b4e18ed9c1703870ec4e0da57eb
wpt-pr: 11817
2018-07-11 08:05:49 +01:00

16 lines
829 B
HTML

<!DOCTYPE html>
<title>Scrollable container with orthogonal writing-mode child with inline-end margin</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="container" style="writing-mode:vertical-rl; overflow:auto; width:100px; height:100px;">
<div style="writing-mode:horizontal-tb; width:100px; height:100px; margin-bottom:200px;"></div>
</div>
<script>
test(function() {
var container = document.getElementById("container");
assert_equals(container.scrollWidth, 100);
assert_equals(container.scrollHeight, 100);
}, "Only trailing *block* margins should affect overflow");
</script>