Add a meta viewport to every test in testing/web-platform/tests/navigation-api/scroll-behavior/.

hiikezoe · moz-wptsync-bot · commit 8bbc331a35a9 · 2025-09-25T04:55:13.000+01:00
Every test case in testing/web-platform/tests/navigation-api/scroll-behavior/ has at least one big element, such as a `width: 1000px; height:1000px` div element in order to scroll the content. On mobile environments, such kind of big elements make the content scale down without meta viewport tag, thus there's no room to scroll on mobile unfortunately. Differential Revision: https://phabricator.services.mozilla.com/D265052 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1988930 gecko-commit: a2d653300fdc366b4d79fcfa84d11ed2ec1b98b4 gecko-reviewers: farre
diff --git a/navigation-api/scroll-behavior/after-transition-basic.html b/navigation-api/scroll-behavior/after-transition-basic.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-change-history-scroll-restoration-during-promise.html b/navigation-api/scroll-behavior/after-transition-change-history-scroll-restoration-during-promise.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-explicit-scroll.html b/navigation-api/scroll-behavior/after-transition-explicit-scroll.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-intercept-handler-modifies.html b/navigation-api/scroll-behavior/after-transition-intercept-handler-modifies.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-push.html b/navigation-api/scroll-behavior/after-transition-push.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-reject.html b/navigation-api/scroll-behavior/after-transition-reject.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-reload.html b/navigation-api/scroll-behavior/after-transition-reload.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-replace.html b/navigation-api/scroll-behavior/after-transition-replace.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-timing.html b/navigation-api/scroll-behavior/after-transition-timing.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/after-transition-with-history-scroll-restoration-manual.html b/navigation-api/scroll-behavior/after-transition-with-history-scroll-restoration-manual.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-basic.html b/navigation-api/scroll-behavior/manual-basic.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-immediate-scroll.html b/navigation-api/scroll-behavior/manual-immediate-scroll.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-after-dispatch.html b/navigation-api/scroll-behavior/manual-scroll-after-dispatch.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-after-resolve.html b/navigation-api/scroll-behavior/manual-scroll-after-resolve.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-fragment-does-not-exist.html b/navigation-api/scroll-behavior/manual-scroll-fragment-does-not-exist.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-in-precommit-handler.html b/navigation-api/scroll-behavior/manual-scroll-in-precommit-handler.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-push.html b/navigation-api/scroll-behavior/manual-scroll-push.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-reload.html b/navigation-api/scroll-behavior/manual-scroll-reload.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-repeated.html b/navigation-api/scroll-behavior/manual-scroll-repeated.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-replace.html b/navigation-api/scroll-behavior/manual-scroll-replace.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/manual-scroll-resets-when-no-fragment.html b/navigation-api/scroll-behavior/manual-scroll-resets-when-no-fragment.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/scroll-after-preventDefault.html b/navigation-api/scroll-behavior/scroll-after-preventDefault.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../navigation-methods/return-value/resources/helpers.js"></script>
diff --git a/navigation-api/scroll-behavior/scroll-on-synthetic-event.html b/navigation-api/scroll-behavior/scroll-on-synthetic-event.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
diff --git a/navigation-api/scroll-behavior/scroll-without-intercept.html b/navigation-api/scroll-behavior/scroll-without-intercept.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`<!doctype html>`
	`2`	`+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">`
`2`	`3`	`<script src="/resources/testharness.js"></script>`
`3`	`4`	`<script src="/resources/testharnessreport.js"></script>`
`4`	`5`	`<body>`