Skip to content

Commit 047bc3e

Browse files
frivoalfrivoal
committed
Markup fixes
Minor edit to fix some small issues with the markup: * <body> is optional * <script> is not allowed outside of body * stray spaces at the end of lines are bad
1 parent e1fecd0 commit 047bc3e

5 files changed

Lines changed: 38 additions & 58 deletions

‎tests/ux/spatnav-distance-function-fragments.html‎

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -37,17 +37,14 @@
3737
#initial_focus {
3838
background: #F08080;
3939
}
40-
4140
</style>
4241

43-
<body>
44-
<div class="container">
45-
This is a <a href="https://github.com/WICG/spatial-navigation" target="blank" id="repository">repository</a> for making the Web excellently embrace the
46-
<a href="https://wicg.github.io/spatial-navigation/" target="blank" id="spatial-navigation">spatial navigation</a>'s features so that
47-
the Web technology can be propagated into <a href="https://www.merriam-webster.com/dictionary/several" target="blank" id="several">several</a> industries such as TV, IVI, game console,
48-
and upcoming smart devices as well as PC and mobile for <a href="https://a11yproject.com/" target="blank" id="ally">a11y</a>.
49-
</div>
50-
</body>
42+
<div class="container">
43+
This is a <a href="https://github.com/WICG/spatial-navigation" target="blank" id="repository">repository</a> for making the Web excellently embrace the
44+
<a href="https://wicg.github.io/spatial-navigation/" target="blank" id="spatial-navigation">spatial navigation</a>'s features so that
45+
the Web technology can be propagated into <a href="https://www.merriam-webster.com/dictionary/several" target="blank" id="several">several</a> industries such as TV, IVI, game console,
46+
and upcoming smart devices as well as PC and mobile for <a href="https://a11yproject.com/" target="blank" id="ally">a11y</a>.
47+
</div>
5148

5249
<script>
5350
test(function() {
@@ -68,4 +65,3 @@
6865
assert_equals(document.activeElement.id, "spatial-navigation");
6966
}, "Move focus left from `several`")
7067
</script>
71-
</html>

‎tests/ux/spatnav-distance-function-grid-001.html‎

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -32,22 +32,19 @@
3232
#initial_focus {
3333
background: #F08080;
3434
}
35-
3635
</style>
3736

38-
<body>
39-
<div class="container">
40-
<div tabindex="0" class="box"></div>
41-
<div tabindex="0" class="box" style="left: 50px; top: -50px;"></div>
42-
<div tabindex="0" class="box" id="up_focus" style="left: calc(50px * 2); top: calc(-50px * 2);"></div>
43-
<div tabindex="0" class="box" style="top: calc(-50px * 2);"></div>
44-
<div tabindex="0" class="box" id="left_focus" style="left: 50px; top: calc(-50px * 3);"></div>
45-
<div tabindex="0" class="box" id="initial_focus" style="left: calc(50px * 2); top: calc(-50px * 4);"></div>
46-
<div tabindex="0" class="box" style="top: calc(-50px * 4);"></div>
47-
<div tabindex="0" class="box" style="left: 50px; top: calc(-50px * 5);"></div>
48-
<div tabindex="0" class="box" id="down_focus" style="left: calc(50px * 2); top: calc(-50px * 6);"></div>
49-
</div>
50-
</body>
37+
<div class="container">
38+
<div tabindex="0" class="box"></div>
39+
<div tabindex="0" class="box" style="left: 50px; top: -50px;"></div>
40+
<div tabindex="0" class="box" id="up_focus" style="left: calc(50px * 2); top: calc(-50px * 2);"></div>
41+
<div tabindex="0" class="box" style="top: calc(-50px * 2);"></div>
42+
<div tabindex="0" class="box" id="left_focus" style="left: 50px; top: calc(-50px * 3);"></div>
43+
<div tabindex="0" class="box" id="initial_focus" style="left: calc(50px * 2); top: calc(-50px * 4);"></div>
44+
<div tabindex="0" class="box" style="top: calc(-50px * 4);"></div>
45+
<div tabindex="0" class="box" style="left: 50px; top: calc(-50px * 5);"></div>
46+
<div tabindex="0" class="box" id="down_focus" style="left: calc(50px * 2); top: calc(-50px * 6);"></div>
47+
</div>
5148

5249
<script>
5350
test(function() {
@@ -69,4 +66,3 @@
6966
}, "Move focus down from the initially focused element")
7067

7168
</script>
72-
</html>

‎tests/ux/spatnav-distance-function-grid-002.html‎

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -36,19 +36,16 @@
3636
#initial_focus {
3737
background: #F08080;
3838
}
39-
4039
</style>
4140

42-
<body>
43-
<div class="container">
44-
<div tabindex="0" class="box" style="left: 220px; top: 40px;"></div>
45-
<div tabindex="0" class="box" style="left: 280px; top: 40px;"></div>
46-
<div tabindex="0" class="box" style="left: 340px; top: 40px;"></div>
47-
<div tabindex="0" class="box" style="left: 320px; top: 175px;"></div>
48-
<div tabindex="0" class="box" id="right_focus" style="left: 340px; top: 120px;"></div>
49-
<div tabindex="0" class="box" id="initial_focus" style="width: 200px; left: 50px; top: 120px;"></div>
50-
</div>
51-
</body>
41+
<div class="container">
42+
<div tabindex="0" class="box" style="left: 220px; top: 40px;"></div>
43+
<div tabindex="0" class="box" style="left: 280px; top: 40px;"></div>
44+
<div tabindex="0" class="box" style="left: 340px; top: 40px;"></div>
45+
<div tabindex="0" class="box" style="left: 320px; top: 175px;"></div>
46+
<div tabindex="0" class="box" id="right_focus" style="left: 340px; top: 120px;"></div>
47+
<div tabindex="0" class="box" id="initial_focus" style="width: 200px; left: 50px; top: 120px;"></div>
48+
</div>
5249

5350
<script>
5451
test(function() {
@@ -57,4 +54,3 @@
5754
assert_equals(document.activeElement.id, "right_focus");
5855
}, "Move focus right from the staring point")
5956
</script>
60-
</html>

‎tests/ux/spatnav-distance-function-grid-003.html‎

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -36,19 +36,16 @@
3636
#initial_focus {
3737
background: #F08080;
3838
}
39-
4039
</style>
4140

42-
<body>
43-
<div class="container">
44-
<div tabindex="0" class="box" style="left: 220px; top: 40px;"></div>
45-
<div tabindex="0" class="box" id="right_focus" style="left: 280px; top: 40px;"></div>
46-
<div tabindex="0" class="box" style="left: 340px; top: 40px;"></div>
47-
<div tabindex="0" class="box" style="left: 300px; top: 160px;"></div>
48-
<div tabindex="0" class="box" style="left: 400px; top: 100px;"></div>
49-
<div tabindex="0" class="box" id="initial_focus" style="width: 200px; left: 50px; top: 100px;"></div>
50-
</div>
51-
</body>
41+
<div class="container">
42+
<div tabindex="0" class="box" style="left: 220px; top: 40px;"></div>
43+
<div tabindex="0" class="box" id="right_focus" style="left: 280px; top: 40px;"></div>
44+
<div tabindex="0" class="box" style="left: 340px; top: 40px;"></div>
45+
<div tabindex="0" class="box" style="left: 300px; top: 160px;"></div>
46+
<div tabindex="0" class="box" style="left: 400px; top: 100px;"></div>
47+
<div tabindex="0" class="box" id="initial_focus" style="width: 200px; left: 50px; top: 100px;"></div>
48+
</div>
5249

5350
<script>
5451
test(function() {
@@ -57,4 +54,3 @@
5754
assert_equals(document.activeElement.id, "right_focus");
5855
}, "Move focus right from the staring point")
5956
</script>
60-
</html>

‎tests/ux/spatnav-distance-function-transformed-001.html‎

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -36,16 +36,13 @@
3636
#initial_focus {
3737
background: #F08080;
3838
}
39-
4039
</style>
4140

42-
<body>
43-
<div class="container">
44-
<div tabindex="0" class="box" id="initial_focus" style="width: 300px; left: 50px; top: 50px;"></div>
45-
<div tabindex="0" class="box" style="left: 50px; top: 140px;"></div>
46-
<div tabindex="0" class="box" id="down_focus" style="transform: rotateZ(-30deg); left: 200px; top: 140px;"></div>
47-
</div>
48-
</body>
41+
<div class="container">
42+
<div tabindex="0" class="box" id="initial_focus" style="width: 300px; left: 50px; top: 50px;"></div>
43+
<div tabindex="0" class="box" style="left: 50px; top: 140px;"></div>
44+
<div tabindex="0" class="box" id="down_focus" style="transform: rotateZ(-30deg); left: 200px; top: 140px;"></div>
45+
</div>
4946

5047
<script>
5148
test(function() {
@@ -54,4 +51,3 @@
5451
assert_equals(document.activeElement.id, "down_focus");
5552
}, "Move focus down from the staring point")
5653
</script>
57-
</html>

0 commit comments

Comments
 (0)