summaryrefslogtreecommitdiffstats
path: root/editor/reftests/inline-table-editor-position-after-updating-table-size-from-input-event-listener.html
blob: c6702c47c93d03bca97c76f9c2e6736b65b6b7ae (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 lang="en-US" class="reftest-wait">
<head>
<meta charset="utf-8">
<title>Inline table editor should be positioned correctly even if modified the table from an input event listener</title>
<script>
addEventListener("load", async () => {
  const cell = document.querySelector("td");
  document.body.focus();
  getSelection().collapse(cell.firstChild, 0);
  document.execCommand("enableObjectResizing", false, "true");
  document.execCommand("enableInlineTableEditing", false, "true");
  const nsITableEditor =
    SpecialPowers.wrap(window).docShell.editingSession.
      getEditorForWindow(window).QueryInterface(SpecialPowers.Ci.nsITableEditor);
  document.body.addEventListener("input", event => {
    cell.nextSibling.setAttribute("style", "width:100px");
  }, {once: true});
  nsITableEditor.insertTableColumn(1, true);
  requestAnimationFrame(
    () => requestAnimationFrame(
      () => document.documentElement.removeAttribute("class")
    )
  );
}, {once: true});
</script>
</head>
<body contenteditable="">
<table border="1">
<td>Cell</td>
</table>
</body>
</html>