summaryrefslogtreecommitdiffstats
path: root/layout/base/tests/bug1663475-2-ref.html
blob: 25584df1283d93e628dde227100ace74caecbc52 (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
<!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;
    outline: 2px solid blue;
  }
  span > span {
    color: transparent;
  }
</style>
<span contenteditable spellcheck="false">
  <span>ab</span>c<span>de</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>