summaryrefslogtreecommitdiffstats
path: root/layout/base/tests/collapse-selection-into-editing-host-during-blur-of-input.html
blob: bed36366844ad4cc24a598c928724e86782c5d19 (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">
<meta charset="utf-8">
<title>Move Selection into an editing host before TextEditor gets blur event</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<style>
  div[contenteditable] {
    outline: none;
  }
  input {
    border: none;
    outline: none;
  }
</style>
<script>
SimpleTest.waitForFocus(() => {
  const input = document.querySelector("input");
  input.focus();
  input.addEventListener("blur", () => {
    const editingHost = document.querySelector("div[contenteditable]");
    editingHost.addEventListener("focus", () => {
      requestAnimationFrame(
        () => document.documentElement.removeAttribute("class")
      );
    }, { once: true });
    getSelection().collapse(editingHost, 0);

  }, { once: true });
  requestAnimationFrame(() => input.blur());
});
</script>
<input>
<div contenteditable="true" spellcheck="false"><br></div>