commit b253d416abad0dd85d421bdf02f6120024f11307 parent 14127b06da885ee6c5b7b0597bac8afc82bef48c Author: Sammy Gill <sammy.gill@apple.com> Date: Fri, 31 Oct 2025 08:56:37 +0000 Bug 1996933 [wpt PR 55723] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=300642, a=testonly Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=300642 (#55723) WebKit export of https://bugs.webkit.org/show_bug.cgi?id=300642 -- wpt-commits: 03e451749159807f3fce3debb5f5f6ba7b787b4a wpt-pr: 55723 Diffstat:
| A | testing/web-platform/tests/css/css-viewport/zoom/reference/text-decoration-thickness-ref.html | | | 22 | ++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/css-viewport/zoom/text-decoration-thickness.html | | | 21 | +++++++++++++++++++++ |
2 files changed, 43 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-viewport/zoom/reference/text-decoration-thickness-ref.html b/testing/web-platform/tests/css/css-viewport/zoom/reference/text-decoration-thickness-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<title>CSS zoom applies to text-decoration-thickness when specified and inherited</title> +<link rel="author" title="Brent Fulgham" href="mailto:bfulgham@apple.com"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> + +<style> +body { + --scale: 1; +} +div { + font-size: calc(1rem * var(--scale)); + text-decoration: underline blue; + text-decoration-thickness: calc(5px * var(--scale)); +} +.zoom { + --scale: 2; +} +</style> + +<div>unzoomed</div> +<div class="zoom">zoomed</div> +<div class="zoom">zoomed inherited</div> diff --git a/testing/web-platform/tests/css/css-viewport/zoom/text-decoration-thickness.html b/testing/web-platform/tests/css/css-viewport/zoom/text-decoration-thickness.html @@ -0,0 +1,21 @@ +<title>CSS zoom applies to text-decoration-thickness when specified and inherited</title> +<link rel="author" title="Brent Fulgham" href="mailto:bfulgham@apple.com"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> +<link rel="match" href="reference/text-decoration-thickness-ref.html"> + +<style> +.decoration-thickness { + text-decoration: underline blue; + text-decoration-thickness: 5px; +} +.zoom { + zoom: 2; +} +#zoomed-inherited { + text-decoration-thickness: inherit; +} +</style> + +<div id="unzoomed" class="decoration-thickness">unzoomed</div> +<div class="zoom"><div id="zoomed" class="decoration-thickness">zoomed</div></div> +<div class="decoration-thickness"><div id="zoomed-inherited" class="zoom">zoomed inherited</div></div>