Bug 1706220 [wpt PR 28591] - Make scrollbars appear in engine-specific location, a=testonly

Automatic update from web-platform-tests
Make scrollbars appear in engine-specific location (#28591)

--

wpt-commits: 37ffcaa691362c083f333f803b4f78fb8e98c8a6
wpt-pr: 28591
This commit is contained in:
davidsgrogan 2021-04-24 09:12:10 +00:00 коммит произвёл moz-wptsync-bot
Родитель 5c869784b1
Коммит 638bd9c07b
2 изменённых файлов: 19 добавлений и 1 удалений

Просмотреть файл

@ -4,6 +4,7 @@
<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow">
<link rel="help" href="https://www.w3.org/TR/css-overflow-4/#classic-scrollbars">
<link rel="match" href="reference/overflow-auto-005-ref.html">
<meta name="fuzzy" content="0-3;0-3">
<meta name="assert" content="This test ensures that flexbox with 'overflow: auto' is supported, including in combination with different writing-mode and flex-direction values."/>
<style>
.test-row {

Просмотреть файл

@ -28,6 +28,11 @@
height: 200px;
background: radial-gradient(at right 60%, red, yellow, green);
}
.vertical-rl {
writing-mode: vertical-rl;
}
</style>
</head>
<body>
@ -45,9 +50,17 @@ for (var i = 0; i < results.length; ++i) {
testContents += "<div class='test-row'>";
var containerClass = 'container ' + results[i];
// Use vertical-rl here because Firefox and WebKit put vertical scrollbars
// on the left in the vertical-rl test cases, and this is the easiest way to
// match that.
let maybe_vertical = "";
if (i > 3 && i < 8)
maybe_vertical = " vertical-rl";
testContents +=
"<div class='" + containerClass + "'>" +
"<div class='flexbox'>" +
"<div class='flexbox" + maybe_vertical + "'>" +
"<div></div>" +
"</div>" +
"</div>";
@ -57,6 +70,10 @@ for (var i = 0; i < results.length; ++i) {
document.body.innerHTML += testContents;
Array.prototype.forEach.call(document.querySelectorAll(".left"), function(element) {
element.firstChild.scrollLeft = -1000;
});
Array.prototype.forEach.call(document.querySelectorAll(".right"), function(element) {
element.firstChild.scrollLeft = 1000;
});