commit 4d557d57b44bb3e1304865f20c345bb97f45b258 parent b42c3ea9da6957d3f57755891ef28e49eb70d634 Author: Ahmad Saleem <52317531+Ahmad-S792@users.noreply.github.com> Date: Thu, 9 Oct 2025 20:37:33 +0000 Bug 1992408 [wpt PR 55224] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=285221, a=testonly Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=285221 (#55224) -- wpt-commits: d96735eb0450ac8e9025057ba4fd98a22e592ae0 wpt-pr: 55224 Diffstat:
| A | testing/web-platform/tests/css/css-writing-modes/text-shadow-sideways-001-ref.html | | | 40 | ++++++++++++++++++++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/css-writing-modes/text-shadow-sideways-001.html | | | 36 | ++++++++++++++++++++++++++++++++++++ |
2 files changed, 76 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-writing-modes/text-shadow-sideways-001-ref.html b/testing/web-platform/tests/css/css-writing-modes/text-shadow-sideways-001-ref.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<title>Reference for Sideways Inline Layout: Text Decoration</title> +<meta charset=utf-8> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> +<style> +body > div { + /* styling */ + border: solid gray; + font: 30px/1 Ahem; + color: silver; + float: left; + margin: 8px; + + /* test */ + text-decoration: underline; + text-decoration-color: orange; + text-decoration-thickness: 14px; + + /* reference hacking */ + width: 1em; + height: 5em; + white-space: nowrap; +} +div > div { + /* compensate for WebKit propagation bug */ + text-decoration-thickness: 4px; +} +.lr > div { + text-shadow: -4px 2px aqua; + transform: rotate(-90deg) translateX(-4em); +} +.rl > div { + text-shadow: 4px -2px aqua; + transform: rotate(90deg); +} +</style> + +<div class=lr><div>Ap Éx</div></div> + +<div class=rl><div>Ap Éx</div></div> diff --git a/testing/web-platform/tests/css/css-writing-modes/text-shadow-sideways-001.html b/testing/web-platform/tests/css/css-writing-modes/text-shadow-sideways-001.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<title>Sideways Inline Layout: Text Decoration</title> +<meta charset=utf-8> +<link rel="help" href="https://www.w3.org/TR/css-writing-modes-4/#block-flow"> +<link rel="help" href="https://www.w3.org/TR/CSS2/text.html#lining-striking-props"> +<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-shadow-property"> + +<link rel="match" href="text-shadow-sideways-001-ref.html"> + +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> +<style> +body > div { + /* styling */ + border: solid gray; + font: 30px/1 Ahem; + color: silver; + float: left; + margin: 8px; + + /* test */ + text-decoration: underline; + text-decoration-color: orange; + text-decoration-thickness: 4px; + text-shadow: 2px 4px aqua; +} +.lr { + writing-mode: sideways-lr; +} +.rl { + writing-mode: sideways-rl; +} +</style> + +<div class=lr>Ap Éx</div> + +<div class=rl>Ap Éx</div>