[carousel] Add tabs/links mode to CSS scroll-marker-group property

danielsakhapov · chromium-wpt-export-bot · commit 65f4676f1df8 · 2025-07-11T12:11:53.000-07:00
This CL adds just parsing of tabs/links mode for scroll-marker-group property. No behaviour changes. This change is to experiment and draft the spec behaviour of different modes of navigation/a11y for ::scroll-marker Spec discussion: w3c/csswg-drafts#12122 TESTS=third_party/blink/web_tests/external/wpt/css/css-overflow/ Bug: 425931511 Change-Id: I14abfd31e2639a5996727ca5307af9574ddbcc14 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6728654 Reviewed-by: Robert Flack <flackr@chromium.org> Commit-Queue: Daniil Sakhapov <sakhapov@chromium.org> Cr-Commit-Position: refs/heads/main@{#1485695}
diff --git a/css/css-overflow/parsing/scroll-markers-computed.tentative.html b/css/css-overflow/parsing/scroll-markers-computed.tentative.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Overflow: scroll-marker-group with tabs/links mode computed values</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/12122">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+<div id="target"></div>
+<script>
+  test_computed_value('scroll-marker-group', 'before tabs');
+  test_computed_value('scroll-marker-group', 'before links');
+  test_computed_value('scroll-marker-group', 'after links');
+  test_computed_value('scroll-marker-group', 'after tabs');
+</script>
diff --git a/css/css-overflow/parsing/scroll-markers-invalid.tentative.html b/css/css-overflow/parsing/scroll-markers-invalid.tentative.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Overflow: parsing scroll-marker-group with modes invalid values</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/12122">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+<div id="target"></div>
+<script>
+  test_invalid_value('scroll-marker-group', 'before before');
+  test_invalid_value('scroll-marker-group', 'after before');
+  test_invalid_value('scroll-marker-group', 'after tab');
+  test_invalid_value('scroll-marker-group', 'after link');
+  test_invalid_value('scroll-marker-group', 'links after');
+  test_invalid_value('scroll-marker-group', 'tabs before');
+  test_invalid_value('scroll-marker-group', 'after, tabs');
+  test_invalid_value('scroll-marker-group', 'after, links');
+</script>
