mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Update web-platform-tests to revision 35077458592d7cf9349840211759aa85f20cd20c
This commit is contained in:
parent
500cb865bd
commit
9320df4683
150 changed files with 2079 additions and 765 deletions
|
@ -19,6 +19,36 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function startReference()
|
||||
{
|
||||
/*
|
||||
Some browsers, like Chromium 80+ or Safari 14+, will
|
||||
transfer focus to a selected element like a text input
|
||||
and therefore style the border of such element according
|
||||
to an user agent stylesheet rule, such as:
|
||||
:focus {outline: -webkit-focus-ring-color auto 1px;} .
|
||||
So, we deliberately trigger such focus with the focus()
|
||||
method in the reference file.
|
||||
*/
|
||||
|
||||
document.getElementById("ref").focus();
|
||||
|
||||
/*
|
||||
When a text input element is focused in Firefox
|
||||
82+, then the caret becomes visible and blinking and
|
||||
it is painted with the ::selected's color which is
|
||||
the green color in this case. We therefore counter,
|
||||
neutralize this by resetting the caret's color to the
|
||||
background color.
|
||||
*/
|
||||
|
||||
document.getElementById("ref").style.caretColor = "yellow";
|
||||
}
|
||||
</script>
|
||||
|
||||
<body onload="startReference();">
|
||||
|
||||
<p>Test passes if each glyph of "Selected Text" is green with a yellow background and if there is <strong>no red</strong>.
|
||||
|
||||
<div><input type="text" value="Selected Text"></div>
|
||||
<div><input id="ref" type="text" value="Selected Text"></div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue