mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 06:08:24 +02:00
20423e6f9e
Automatic update from web-platform-tests[css-grid] Some fixes on grid-container-scrollbar-* tests * Use Ahem font to avoid weird small pixel differences on iOS. * Fix some typos reported by @fred-wang at https://bugs.webkit.org/show_bug.cgi?id=191656#c14 -- Merge pull request #14092 from mrego/grid-container-scrollbars [css-grid] Some fixes on grid-container-scrollbar-* tests -- wpt-commits: ef7824a8ff88c95d36b31b377fe252f7c56d2da0, 1b543a1083f48c13b25f23a5f23d14f6ade958d4 wpt-pr: 14092
96 lines
1.7 KiB
HTML
96 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>CSS container Layout Test Reference</title>
|
|
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
|
<style>
|
|
.container {
|
|
font: 10px/1 Ahem;
|
|
margin: 10px;
|
|
background: grey;
|
|
}
|
|
|
|
.scrollX {
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.scrollY {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.fixedSize {
|
|
width: 200px;
|
|
height: 50px;
|
|
}
|
|
|
|
.container > div {
|
|
background: cyan;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.directionRTL {
|
|
direction: rtl;
|
|
}
|
|
</style>
|
|
|
|
<p>The test passes if it has the same output as the reference.</p>
|
|
|
|
<div style="float: left; width: 350px;">
|
|
|
|
<h2>direction: ltr;</h2>
|
|
|
|
<div class="container scrollX">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="container scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="container scrollX scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="container fixedSize scrollX">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="container fixedSize scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="container fixedSize scrollX scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="float: left; width: 350px;">
|
|
|
|
<h2>direction: rtl;</h2>
|
|
|
|
<div class="directionRTL container scrollX">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="directionRTL container scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="directionRTL container scrollX scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="directionRTL container fixedSize scrollX">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="directionRTL container fixedSize scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
<div class="directionRTL container fixedSize scrollX scrollY">
|
|
<div>item</div>
|
|
</div>
|
|
|
|
</div>
|