commit 214e00ae4ceb29454240f662845f61b20dbf6510 parent c630f645d7bf7be3f2198e68c3859876e1621910 Author: Rune Lillesveen <futhark@chromium.org> Date: Tue, 21 Oct 2025 10:38:08 +0000 Bug 1995228 [wpt PR 55537] - Allow ::scroll-marker-group to query the root element container, a=testonly Automatic update from web-platform-tests Allow ::scroll-marker-group to query the root element container ::scroll-marker-group and ::scroll-button generate sibling boxes of their originating element's box, but not for the root element. Allow the root element to be a size query container for that case. Also, make the container adjustment more light-weight by copying the parent StyleRecalcContext once, including the container pointer, instead of a repeated FlatTreeTraversal::ParentElement() for every pseudo element candidate. Removed a stray div#target from the existing wpt test. Bug: 452345165 Change-Id: Ia44e01903e1f536de0b09f0674a1b25f05adfcc4 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7055484 Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/main@{#1532131} -- wpt-commits: 4206b44238e817a60b4b71e78f437aacfa0b55ff wpt-pr: 55537 Diffstat:
2 files changed, 22 insertions(+), 3 deletions(-)
diff --git a/testing/web-platform/tests/css/css-overflow/scroll-marker-group-size-container-query-root.html b/testing/web-platform/tests/css/css-overflow/scroll-marker-group-size-container-query-root.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<title>CSS Overflow Test: Size container for :root::scroll-marker-group</title> +<link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group-property"> +<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-queries"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> + :root { + container-type: inline-size; + width: 400px; + scroll-marker-group: before; + @container (width = 400px) { + &::scroll-marker-group { --test: pass; } + } + } +</style> +<script> + test(() => { + assert_equals(getComputedStyle(document.documentElement, "::scroll-marker-group").getPropertyValue("--test"), "pass"); + }, "::scroll-marker-group generates a box inside the root element box and can query it as a size container"); +</script> diff --git a/testing/web-platform/tests/css/css-overflow/scroll-marker-group-size-container-query.html b/testing/web-platform/tests/css/css-overflow/scroll-marker-group-size-container-query.html @@ -21,9 +21,7 @@ } </style> <div id="container"> - <div id="scroller"> - <div id="target"></div> - </div> + <div id="scroller"></div> </div> <script> test(() => {