forked from mirrors/gecko-dev
2e9415ad29
Automatic update from web-platform-tests
[Highlight Pseudos] Correctly paint shadows
All highlight pseudos apart from custom highlights support
text-shadow, but we were not computing overflow and we were
not correctly painting or clipping. Fix it.
Existing tests cover selection alone. New tests cover highlight
overlay painting, and standalone spelling, grammar and target-text.
Bug: 40276880
Change-Id: I07da6fb39a497f6ab07c8907128d87fa5554fbfc
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5480767
Commit-Queue: Stephen Chenney <schenney@chromium.org>
Reviewed-by: Fredrik Söderquist <fs@opera.com>
Cr-Commit-Position: refs/heads/main@{#1292045}
--
wpt-commits: 841f1d570864f0d36df598a52422dc6377a62207
wpt-pr: 45863
26 lines
861 B
HTML
26 lines
861 B
HTML
<!doctype html>
|
|
<meta charset="utf-8">
|
|
<title>CSS Pseudo-Elements Test: Shadows on vertical target text</title>
|
|
<link rel="author" name="Stephen Chenney" href="mailto:schenney@igalia.com">
|
|
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#highlight-painting">
|
|
<link rel="match" href="target-text-shadow-vertical-ref.html">
|
|
<meta name="assert" value="::target-text with a shadow is painted, including originating element shadows">
|
|
<style>
|
|
:root {
|
|
line-height: 1;
|
|
writing-mode: vertical-lr;
|
|
}
|
|
p {
|
|
font-size: 2em;
|
|
color: black;
|
|
text-shadow: 0.1em 0.1em 3px rgba(0,0,0,0.5);
|
|
}
|
|
p::target-text {
|
|
color: green;
|
|
text-shadow: 0.25em 0.25em 3px rgba(0,0,128,0.5);
|
|
}
|
|
</style>
|
|
<p>the target should have a shadow</p>
|
|
<script>
|
|
window.location.hash = "#:~:text=target";
|
|
</script>
|