commit 1fe9f7b6b9095e4080949c6e1764660399f33cd4 parent 1487772736853d3945be2dbf3af333a2d8548ed5 Author: Daniil Sakhapov <sakhapov@chromium.org> Date: Sun, 26 Oct 2025 21:13:22 +0000 Bug 1995592 [wpt PR 55574] - Fix solid color scrolling background for border-shape, a=testonly Automatic update from web-platform-tests Fix solid color scrolling background for border-shape Fixed: 443275582 Change-Id: I52d628982b45ca5c6ad46329d871833034796111 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7046402 Commit-Queue: Daniil Sakhapov <sakhapov@chromium.org> Reviewed-by: Philip Rogers <pdr@chromium.org> Cr-Commit-Position: refs/heads/main@{#1533024} -- wpt-commits: d6ae31cdf1ce84d71344812b4173e3dc0da4efa8 wpt-pr: 55574 Diffstat:
2 files changed, 42 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-overflow-solid-background-ref.html b/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-overflow-solid-background-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<style> + .br-target { + overflow-y: scroll; + will-change: transform; + width: 100px; + height: 100px; + border-radius: 50%; + background: green; + } + .forcescroll { + width: 25px; + height: 400px; + background: linear-gradient(pink, blue); + } +</style> +<div class="br-target"> + <div class="forcescroll"></div> +</div> diff --git a/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-overflow-solid-background.html b/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-overflow-solid-background.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<title>CSS Borders Shape: border-shape overscroll with solid background</title> +<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-shape"> +<link rel="match" href="border-shape-overflow-solid-background-ref.html"> +<meta name=fuzzy content="0-200;0-300"> +<style> + .bs-target { + overflow-y: scroll; + will-change: transform; + width: 100px; + height: 100px; + border-shape: circle(50% at 50% 50%); + background: green; + } + .forcescroll { + width: 25px; + height: 400px; + background: linear-gradient(pink, blue); + } +</style> +<div class="bs-target"> + <div class="forcescroll"></div> +</div>