Tim Nguyen
57409be7d9
Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=284644 (#58118) Co-authored-by: Alan Baradlay <zalan@apple.com> -- wpt-commits: 1aeb4bc80f5930c953cceab26503288490ad1554 wpt-pr: 58118
35 lines
832 B
HTML
35 lines
832 B
HTML
<!DOCTYPE html>
|
|
<title>select as flex item with overflowing content</title>
|
|
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/" />
|
|
<link rel="stylesheet" href="/fonts/ahem.css">
|
|
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
|
|
<style>
|
|
.flexBox {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100px;
|
|
overflow: scroll;
|
|
}
|
|
|
|
select {
|
|
font-family: Ahem;
|
|
}
|
|
</style>
|
|
<p>Test passes if the flex box is not scrollable.</p>
|
|
|
|
<div class=flexBox>
|
|
<select>
|
|
<option>this is a long long long long text</option>
|
|
</select>
|
|
</div>
|
|
<script>
|
|
test(function(t)
|
|
{
|
|
const flexBox = document.querySelector('.flexBox');
|
|
assert_less_than_equal(flexBox.scrollWidth, 100);
|
|
}, "select content (option) should not trigger scrollable overflow.");
|
|
</script>
|