forked from mirrors/gecko-dev
48ebfb5f1a
Automatic update from web-platform-tests [css-flexbox] Migrate bug580586.html test from css3/flexbox to WPT Migrate this test out of third_party/blink/web_tests/css3/flexbox and into the WPT-specific directory, adding links to the relevant specs and a test assertion describing its purpose. Also, rename its filename to something more descriptive and less Chromium-specific (it currently references crbug.com/580586). Bug: 1063749 Change-Id: Ia277335a3efd2f42d27d2ad7bd2a45d2fe4b6708 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2124262 Commit-Queue: Mario Sanchez Prada <mario@igalia.com> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Reviewed-by: Robert Ma <robertma@chromium.org> Cr-Commit-Position: refs/heads/master@{#754245} -- wpt-commits: 6de3a2fc29eac9908c4d5e4b30a6e75bd09e70b2 wpt-pr: 22493
66 lines
1.4 KiB
HTML
66 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<title>CSS Flexbox: correct width for non-overflowing content with flex-direction: column</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
|
|
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#overflow-properties">
|
|
<link rel="help" href="https://crbug.com/580586">
|
|
<meta name="assert" content="This test checks that no unnecessary extra horizontal space is considered for vertical scrollbars for non-overflowing content using flex-direction: column." />
|
|
|
|
<style>
|
|
body {
|
|
height: 200vh;
|
|
}
|
|
|
|
section {
|
|
height: 400px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.side-menu {
|
|
border: 1px solid black;
|
|
width: 200px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.box-body {
|
|
height: 1000px;
|
|
flex: 1 1 0%;
|
|
display: flex;
|
|
min-height: 0px;
|
|
}
|
|
|
|
.list {
|
|
list-style: none;
|
|
padding: 0;
|
|
overflow: auto;
|
|
flex: 1 1 0;
|
|
}
|
|
|
|
li {
|
|
height: 20px;
|
|
background-color: red;
|
|
}
|
|
</style>
|
|
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/check-layout-th.js"></script>
|
|
<body onload="checkLayout('section')">
|
|
|
|
<div id=log></div>
|
|
|
|
<section>
|
|
<div class="box-body">
|
|
<div class="side-menu">
|
|
<ul class="list">
|
|
<li data-expected-width="200">
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div style="height: 1000px;"></div>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|