commit b9953e1ea645b3befeb188ea84fe689212db5adb parent 53ae35cfae7246edb72f5c65b7dd55df9ca9e260 Author: Oriol Brufau <obrufau@igalia.com> Date: Thu, 27 Nov 2025 15:29:01 +0000 Bug 2002705 [wpt PR 56321] - stylo: Add stacking context damage when outline-width becomes non-zero, a=testonly Automatic update from web-platform-tests stylo: Add stacking context damage when outline-width becomes non-zero Co-authored-by: Martin Robinson <mrobinson@igalia.com> Signed-off-by: Oriol Brufau <obrufau@igalia.com> -- wpt-commits: 8558f9284f029694d95ec198cfe1f214138ae2a5 wpt-pr: 56321 Diffstat:
| A | testing/web-platform/tests/css/css-ui/outline-dynamic.html | | | 36 | ++++++++++++++++++++++++++++++++++++ |
1 file changed, 36 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-ui/outline-dynamic.html b/testing/web-platform/tests/css/css-ui/outline-dynamic.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<title>CSS Test: outline - dynamic changes</title> +<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> +<link rel="help" href="https://drafts.csswg.org/css-ui-4/#outline" /> +<link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> +<meta name="assert" content="Checks that outline can be changed dynamically."> +<style> +div { + position: absolute; +} +#red { + background: red; +} +#target { + margin: 50px; +} +#target.outline { + outline: solid 50px green; +} +</style> + +<p>Test passes if there is a filled green square.</p> + +<div id="red"></div> +<div id="target"></div> + +<script src="/common/reftest-wait.js"></script> +<script src="/common/rendering-utils.js"></script> +<script> +waitForAtLeastOneFrame().then(() => { + document.getElementById("target").className = "outline"; + takeScreenshot(); +}); +</script> +</html>