commit 01dc912e8db244282768700b0af65cb2dcf90096
parent b03b7033edc1974f3e0b4316c7e51b2983790203
Author: moonira <moonira@google.com>
Date: Wed, 15 Oct 2025 08:25:20 +0000
Bug 1993921 [wpt PR 55354] - Make panning gesture a relative scroll in wpt test, a=testonly
Automatic update from web-platform-tests
Make panning gesture a relative scroll in wpt test
Should be resolved in https://github.com/w3c/csswg-drafts/issues/12840.
Spec changes:
https://github.com/w3c/csswg-drafts/compare/main...tursunova:csswg-drafts:panning-scroll-relative
Bug: 414556050
Change-Id: Ia1655cad6377f81001f2b6b3bd13bde93142b507
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7031560
Commit-Queue: Munira Tursunova <moonira@google.com>
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1528066}
--
wpt-commits: 52ff3fed37751599612479d1f203edacb4c2ef5f
wpt-pr: 55354
Diffstat:
1 file changed, 11 insertions(+), 7 deletions(-)
diff --git a/testing/web-platform/tests/css/css-conditional/container-queries/scroll-state/scroll-state-scrolled-user-touch-scroll.html b/testing/web-platform/tests/css/css-conditional/container-queries/scroll-state/scroll-state-scrolled-user-touch-scroll.html
@@ -20,12 +20,16 @@
}
#target {
--none: no;
- --y: no;
+ --top: no;
+ --bottom: no;
@container scroll-state(scrolled: none) {
--none: yes;
}
- @container scroll-state(scrolled: y) {
- --y: yes;
+ @container scroll-state(scrolled: top) {
+ --top: yes;
+ }
+ @container scroll-state(scrolled: bottom) {
+ --bottom: yes;
}
}
</style>
@@ -60,9 +64,9 @@
await touch_scroll(start_pos, end_pos, 1000);
await waitForAnimationFrames(2);
- assert_equals(getComputedStyle(target).getPropertyValue("--y"), "no");
+ assert_equals(getComputedStyle(target).getPropertyValue("--bottom"), "yes");
- }, "Panning gesture scroll is an absolute scroll");
+ }, "Panning gesture scroll is a relative scroll");
promise_test(async t => {
// Scrollbar element position
@@ -70,11 +74,11 @@
x: 100,
y: 100,
};
- const end_pos = { x: 100, y: 0 };
+ const end_pos = { x: 100, y: 150 };
await touch_scroll(start_pos, end_pos, 10);
await waitForAnimationFrames(2);
- assert_equals(getComputedStyle(target).getPropertyValue("--y"), "yes");
+ assert_equals(getComputedStyle(target).getPropertyValue("--top"), "yes");
}, "Fling gesture scroll is a relative scroll");