Content-Length: 498680 | pFad | http://github.com/mozilla/gecko-dev/commit/f4491003a4f3be36a6aa542434ff92276f54c075

30 Bug 1884841 [wpt PR 45036] - [css-values-4] Add viewport unit tests f… · mozilla/gecko-dev@f449100 · GitHub
Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit f449100

Browse files
fantasaimoz-wptsync-bot
fantasai
authored and
moz-wptsync-bot
committedMar 14, 2024
Bug 1884841 [wpt PR 45036] - [css-values-4] Add viewport unit tests for scrollbars, a=testonly
Automatic update from web-platform-tests [css-values-4] Add viewport unit tests for scrollbars w3c/csswg-drafts#6026 -- wpt-commits: 82a8422a00e43a2327d0f22c5941a23294f2ecb9 wpt-pr: 45036
1 parent b47545d commit f449100

5 files changed

+125
-0
lines changed
 

‎testing/web-platform/tests/css/css-values/viewport-units-scrollbars-auto-ltr-001-ref.html

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
3+
<meta charset="UTF-8">
4+
<link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/contact">
5+
6+
7+
<!-- This reference assumes that a <div> scrollbar looks identical to the root scrollbar. -->
8+
<style>
9+
html, body {
10+
margin: 0;
11+
padding: 0;
12+
box-sizing: border-box;
13+
}
14+
html {
15+
width: 100%;
16+
height: 100%;
17+
overflow: hidden;
18+
}
19+
body {
20+
width: 100%;
21+
height: 100%;
22+
background: white;
23+
overflow: auto;
24+
}
25+
div {
26+
width: 200%;
27+
height: 200%;
28+
border-right: solid blue 4px;
29+
border-bottom: solid blue 4px;
30+
}
31+
</style>
32+
33+
<div></div>

‎testing/web-platform/tests/css/css-values/viewport-units-scrollbars-auto-vhw-001.html

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
3+
<meta charset="UTF-8">
4+
<meta name="assert" content="100vw is reduced by scrollbar width when the scrollbars are unconditional">
5+
<link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/contact">
6+
<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
7+
8+
<link rel="match" href="viewport-units-scrollbars-auto-ltr-001-ref.html">
9+
10+
<style>
11+
html, body {
12+
margin: 0;
13+
padding: 0;
14+
width: 100vw;
15+
height: 100vh;
16+
box-sizing: border-box;
17+
}
18+
html {
19+
background: red;
20+
overflow: auto;
21+
width: 200%;
22+
height: 200%;
23+
}
24+
body {
25+
background: white;
26+
border-right: solid blue 4px;
27+
border-bottom: solid blue 4px;
28+
}
29+
</style>

‎testing/web-platform/tests/css/css-values/viewport-units-scrollbars-scroll-blank-001-ref.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
3+
<meta charset="UTF-8">
4+
<link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/contact">
5+
6+
<style>
7+
html {
8+
overflow: scroll;
9+
}
10+
body {
11+
background: white;
12+
}
13+
</style>

‎testing/web-platform/tests/css/css-values/viewport-units-scrollbars-scroll-ltr-001-ref.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
3+
<meta charset="UTF-8">
4+
<link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/contact">
5+
6+
<style>
7+
html, body {
8+
margin: 0;
9+
padding: 0;
10+
width: 100%;
11+
height: 100%;
12+
box-sizing: border-box;
13+
}
14+
html {
15+
overflow: scroll;
16+
}
17+
body {
18+
background: white;
19+
border-right: solid green 4px;
20+
border-bottom: solid green 4px;
21+
}
22+
</style>

‎testing/web-platform/tests/css/css-values/viewport-units-scrollbars-scroll-vhw-001.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<title>CSS Values and Units Test: Viewport units and scrollbars</title>
3+
<meta charset="UTF-8">
4+
<meta name="assert" content="100vw is reduced by scrollbar width when the scrollbars are unconditional">
5+
<link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/contact">
6+
<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
7+
8+
<link rel="match" href="viewport-units-scrollbars-scroll-ltr-001-ref.html">
9+
10+
<style>
11+
html, body {
12+
margin: 0;
13+
padding: 0;
14+
width: 100vw;
15+
height: 100vh;
16+
box-sizing: border-box;
17+
}
18+
html {
19+
background: red;
20+
overflow: scroll;
21+
}
22+
body {
23+
background: white;
24+
border-right: solid green 4px;
25+
border-bottom: solid green 4px;
26+
}
27+
</style>
28+

0 commit comments

Comments
 (0)
Failed to load comments.








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/mozilla/gecko-dev/commit/f4491003a4f3be36a6aa542434ff92276f54c075

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy