commit 9bfebaf42a4f256f76dc7d60751f2291f683daf1 parent a6226d6cf7977e1f03a8b8bb47fd68ab03b049ae Author: Daniil Sakhapov <sakhapov@chromium.org> Date: Mon, 27 Oct 2025 10:06:08 +0000 Bug 1996028 [wpt PR 55622] - Account for border-shape in visual overflow of a box, a=testonly Automatic update from web-platform-tests Account for border-shape in visual overflow of a box Fixed: 443283014 Change-Id: I025eaa9e489f37764db7596138d5f4c30b3ad36c Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7046220 Reviewed-by: Philip Rogers <pdr@chromium.org> Commit-Queue: Daniil Sakhapov <sakhapov@chromium.org> Cr-Commit-Position: refs/heads/main@{#1534334} -- wpt-commits: 2e744e810771fb841ec83a85c028376791a0c781 wpt-pr: 55622 Diffstat:
| A | testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-stroke-invalidation-ref.html | | | 15 | +++++++++++++++ |
| A | testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-stroke-invalidation.html | | | 28 | ++++++++++++++++++++++++++++ |
2 files changed, 43 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-stroke-invalidation-ref.html b/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-stroke-invalidation-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<style> + body { + margin: 0; + } + + #changer { + width: 200px; + height: 200px; + border-shape: circle(50% at 50% 50%); + stroke: lightblue; + stroke-width: 50px; + } +</style> +<div id="changer"></div> diff --git a/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-stroke-invalidation.html b/testing/web-platform/tests/css/css-borders/tentative/border-shape/border-shape-stroke-invalidation.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<title>CSS Borders Shape: border-shape strokes update their entire visual area when the stroke color changes.</title> +<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-shape"> +<link rel="match" href="border-shape-stroke-invalidation-ref.html"> +<style> + body { + margin: 0; + } + + #changer { + width: 200px; + height: 200px; + border-shape: circle(50% at 50% 50%); + stroke: blue; + stroke-width: 50px; + } +</style> +<div id="changer"></div> +<script> + const changer = document.getElementById('changer'); + requestAnimationFrame(() => { + changer.style.setProperty('stroke', 'lightblue'); + requestAnimationFrame(() => { + document.documentElement.classList.remove('reftest-wait'); + }); + }); +</script>