blob: aa6ddf4bffa8e66be8823326d90873d002a20d81 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<!doctype html>
<html class="reftest-wait">
<title>Caret is correctly painted over inline with clip</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<style>
span[contenteditable] {
font: 16px/1 monospace;
caret-color: black;
display: inline-block;
}
span[contenteditable]:focus {
outline: 2px solid blue;
}
span > span {
/* This should only leave the "c" letter visible, but the caret should
still be visible when between "a" and "b" */
clip-path: inset(0 2ch);
}
</style>
<span contenteditable spellcheck="false">
<span>abcde</span>
</span>
<script>
SimpleTest.waitForFocus(function() {
document.querySelector('[contenteditable]').focus();
requestAnimationFrame(function() {
// Position the caret between "a" and "b".
synthesizeKey("KEY_ArrowRight");
document.documentElement.removeAttribute("class");
});
});
</script>
|
