mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 05:08:36 +02:00
07a1a61e67
Automatic update from web-platform-tests [css-flexbox] Rename flexbox-overflow-auto-* tests to overflow-auto-* This fix normalizes the current situation where we have these files: wpt/css/css-flexbox/flexbox-overflow-auto-001.html wpt/css/css-flexbox/flexbox-overflow-auto-002.html wpt/css/css-flexbox/overflow-auto-001.html wpt/css/css-flexbox/overflow-auto-002.html wpt/css/css-flexbox/overflow-auto-003.html wpt/css/css-flexbox/overflow-auto-004.html ...into a more consistent file naming scheme for this type of tests: wpt/css/css-flexbox/overflow-auto-001.html wpt/css/css-flexbox/overflow-auto-002.html wpt/css/css-flexbox/overflow-auto-003.html wpt/css/css-flexbox/overflow-auto-004.html wpt/css/css-flexbox/overflow-auto-005.html wpt/css/css-flexbox/overflow-auto-006.html Bug: 1063749 Change-Id: I5d73bb4d54ee536a8a1894428cb557ea1be95f3e Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2129531 Commit-Queue: Robert Ma <robertma@chromium.org> Reviewed-by: Robert Ma <robertma@chromium.org> Cr-Commit-Position: refs/heads/master@{#754968} -- wpt-commits: 1e0302fe4048bef22ad72168bd754fee8d7f2ca5 wpt-pr: 22562 --HG-- rename : testing/web-platform/tests/css/css-flexbox/flexbox-overflow-auto-002.html => testing/web-platform/tests/css/css-flexbox/overflow-auto-006.html rename : testing/web-platform/tests/css/css-flexbox/reference/flexbox-overflow-auto-001-ref.html => testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-005-ref.html
70 lines
1.4 KiB
HTML
70 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.test-row {
|
|
display: flex;
|
|
margin-bottom: 5px;
|
|
}
|
|
.test-row > div {
|
|
flex: none;
|
|
}
|
|
|
|
.container {
|
|
margin-right: 5px;
|
|
border: 5px solid lightgreen;
|
|
width: 100px;
|
|
}
|
|
|
|
.flexbox {
|
|
display: block;
|
|
height: 100px;
|
|
width: 100px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.flexbox > div {
|
|
width: 200px;
|
|
height: 200px;
|
|
background: radial-gradient(at right 60%, red, yellow, green);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Scrollbars should work in all the flexboxes.</p>
|
|
</body>
|
|
<script>
|
|
var results = [
|
|
'left top', 'left top', 'right top', 'left bottom',
|
|
'right top', 'right top', 'right bottom', 'left top',
|
|
'left top', 'left top', 'left bottom', 'right top'];
|
|
|
|
var testContents = '';
|
|
for (var i = 0; i < results.length; ++i) {
|
|
if (!(i % 4))
|
|
testContents += "<div class='test-row'>";
|
|
|
|
var containerClass = 'container ' + results[i];
|
|
testContents +=
|
|
"<div class='" + containerClass + "'>" +
|
|
"<div class='flexbox'>" +
|
|
"<div></div>" +
|
|
"</div>" +
|
|
"</div>";
|
|
if (i % 4 == 3)
|
|
testContents += "</div>";
|
|
}
|
|
|
|
document.body.innerHTML += testContents;
|
|
|
|
Array.prototype.forEach.call(document.querySelectorAll(".right"), function(element) {
|
|
element.firstChild.scrollLeft = 1000;
|
|
});
|
|
|
|
Array.prototype.forEach.call(document.querySelectorAll(".bottom"), function(element) {
|
|
element.firstChild.scrollTop = 1000;
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|