mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision c8a23aed99841887e72f883ab94a45d928a5820f
This commit is contained in:
WPT Sync Bot
parent
00b98796bd
commit
ca2fd0f290
196 changed files with 2356 additions and 1494 deletions
|
|
@ -16,13 +16,15 @@
|
|||
line-height: 1;
|
||||
}
|
||||
p > span {
|
||||
position: absolute;
|
||||
color: initial;
|
||||
text-shadow: none;
|
||||
position: absolute;
|
||||
}
|
||||
p > span > span {
|
||||
background: #C0C0C0;
|
||||
text-shadow: 0.5000em 0.5000em #3838E0;
|
||||
/* force blue to paint over red */
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
<p><span>q<span>uic</span>k</span>quick
|
||||
|
|
@ -1,11 +1,12 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Pseudo-Elements Test: highlight painting order</title>
|
||||
<title>CSS Pseudo-Elements Test: highlight painting</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#highlight-painting">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#painting">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html#painting-order">
|
||||
<link rel="match" href="highlight-painting-order-ref.html">
|
||||
<meta name="assert" value="highlight overlays are painted in the correct order, including both the element’s shadows and the highlight’s shadows">
|
||||
<link rel="match" href="highlight-painting-001-ref.html">
|
||||
<meta name="assert" value="::selection overlay is painted in the correct order, including both the element’s shadows and the highlight’s shadows">
|
||||
<script src="support/selections.js"></script>
|
||||
<style>
|
||||
p {
|
||||
font-size: 7em;
|
||||
|
|
@ -27,11 +28,9 @@
|
|||
<p>quick
|
||||
<script>
|
||||
const target = document.querySelector("p");
|
||||
const range = document.createRange();
|
||||
range.selectNodeContents(target);
|
||||
range.setStart(target.childNodes[0], 1);
|
||||
range.setEnd(target.childNodes[0], 4);
|
||||
const selection = getSelection();
|
||||
selection.removeAllRanges();
|
||||
selection.addRange(range);
|
||||
selectRangeWith(range => {
|
||||
range.selectNodeContents(target);
|
||||
range.setStart(target.childNodes[0], 1);
|
||||
range.setEnd(target.childNodes[0], 4);
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
:root {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
p {
|
||||
font-size: 7em;
|
||||
text-shadow: 0.1250em 0.1250em #C0C000C0;
|
||||
position: relative;
|
||||
color: transparent;
|
||||
|
||||
/*
|
||||
https://drafts.csswg.org/css-pseudo-4/#highlight-bounds
|
||||
For text, the corresponding overlay must cover at least
|
||||
the entire em box and may extend further above/below the
|
||||
em box to the line box edges.
|
||||
*/
|
||||
line-height: 1;
|
||||
}
|
||||
p > span {
|
||||
color: #E03838C0;
|
||||
text-shadow: none;
|
||||
position: absolute;
|
||||
}
|
||||
p > span > span {
|
||||
color: #707070C0;
|
||||
background: #38E038C0;
|
||||
text-shadow: 0.2500em 0.2500em #3838E0C0;
|
||||
/* force blue to paint over red */
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
<p><span>q<span>uic</span>k</span>quick
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Pseudo-Elements Test: highlight painting</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#highlight-painting">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#painting">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html#painting-order">
|
||||
<link rel="match" href="highlight-painting-002-ref.html">
|
||||
<meta name="assert" value="::selection overlay is painted in the correct order, including originating element shadows (but not text proper) where selected">
|
||||
<script src="support/selections.js"></script>
|
||||
<style>
|
||||
:root {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
p {
|
||||
font-size: 7em;
|
||||
color: #E03838C0;
|
||||
text-shadow: 0.1250em 0.1250em #C0C000C0;
|
||||
|
||||
/*
|
||||
https://drafts.csswg.org/css-pseudo-4/#highlight-bounds
|
||||
For text, the corresponding overlay must cover at least
|
||||
the entire em box and may extend further above/below the
|
||||
em box to the line box edges.
|
||||
*/
|
||||
line-height: 1;
|
||||
}
|
||||
p::selection {
|
||||
color: #707070C0;
|
||||
background: #38E038C0;
|
||||
text-shadow: 0.2500em 0.2500em #3838E0C0;
|
||||
}
|
||||
</style>
|
||||
<p>quick
|
||||
<script>
|
||||
const target = document.querySelector("p");
|
||||
selectRangeWith(range => {
|
||||
range.selectNodeContents(target);
|
||||
range.setStart(target.childNodes[0], 1);
|
||||
range.setEnd(target.childNodes[0], 4);
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
p {
|
||||
font-size: 7em;
|
||||
width: min-content;
|
||||
height: 0.25em;
|
||||
background: #C0C000C0;
|
||||
position: relative;
|
||||
color: transparent;
|
||||
|
||||
/*
|
||||
https://drafts.csswg.org/css-pseudo-4/#highlight-bounds
|
||||
For text, the corresponding overlay must cover at least
|
||||
the entire em box and may extend further above/below the
|
||||
em box to the line box edges.
|
||||
*/
|
||||
line-height: 1;
|
||||
}
|
||||
p > span {
|
||||
position: absolute;
|
||||
}
|
||||
p > span:nth-child(1) {
|
||||
color: #E03838C0;
|
||||
text-decoration: #C0C000C0 solid line-through;
|
||||
}
|
||||
p > span:nth-child(1) > span {
|
||||
visibility: hidden;
|
||||
}
|
||||
p > span:nth-child(2) {
|
||||
color: transparent;
|
||||
}
|
||||
p > span:nth-child(2) > span {
|
||||
color: #707070C0;
|
||||
background: #38E038C0;
|
||||
text-decoration: #3838E0C0 wavy line-through;
|
||||
}
|
||||
</style>
|
||||
<p><span>q<span>uic</span>k</span><span>q<span>uic</span>k</span>quick
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Pseudo-Elements Test: highlight painting</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#highlight-painting">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#painting">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html#painting-order">
|
||||
<link rel="match" href="highlight-painting-003-ref.html">
|
||||
<meta name="assert" value="::selection overlay background and decorations are independent of those of the originating element, except that originating element decorations are suppressed where selected">
|
||||
<script src="support/selections.js"></script>
|
||||
<style>
|
||||
p {
|
||||
font-size: 7em;
|
||||
width: min-content;
|
||||
height: 0.25em;
|
||||
color: #E03838C0;
|
||||
background: #C0C000C0;
|
||||
text-decoration: #C0C000C0 solid line-through;
|
||||
|
||||
/*
|
||||
https://drafts.csswg.org/css-pseudo-4/#highlight-bounds
|
||||
For text, the corresponding overlay must cover at least
|
||||
the entire em box and may extend further above/below the
|
||||
em box to the line box edges.
|
||||
*/
|
||||
line-height: 1;
|
||||
}
|
||||
p::selection {
|
||||
color: #707070C0;
|
||||
background: #38E038C0;
|
||||
text-decoration: #3838E0C0 wavy line-through;
|
||||
}
|
||||
</style>
|
||||
<p>quick
|
||||
<script>
|
||||
const target = document.querySelector("p");
|
||||
selectRangeWith(range => {
|
||||
range.selectNodeContents(target);
|
||||
range.setStart(target.childNodes[0], 1);
|
||||
range.setEnd(target.childNodes[0], 4);
|
||||
});
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue