Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-flexbox/overflow-auto-004.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<title>CSS Flexbox: no unnecessary scrollbars with overflow: auto.</title>
<meta name="assert" content="This test ensures that no vertical scrollbar is rendered with 'overflow: auto' and 'flex-direction: column' when only horizontal scrolling is needed."/>
<style>
* {
min-width: 0;
min-height: 0;
}
body {
width: 800px;
}
#list-wrapper {
display: flex;
flex-direction: column;
}
#player-list-wrapper {
flex-grow: 1;
overflow: auto;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('#list-wrapper')">
<p>No vertical scrollbar should be rendered for this content.</p>
<div id="list-wrapper" data-expected-width="800">
<div id="player-list-wrapper" data-expected-width="800">
</div>
</div>
</body>
</html>