summaryrefslogtreecommitdiffstats
path: root/layout/base/tests/bug1516963-3.html
blob: 9ae289ae27ac8d06f1b57a0d4f37b63a441efae7 (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
34
<!DOCTYPE HTML>
<html class="reftest-wait">
  <title>Bug 1516963: Test AccessibleCaret doesn't show when clicking on a grid container.</title>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  <style>
  #container {
    display: grid;
    border: 1px solid blue;
    width: 100px;
    height: 100px;
    background-color: yellow;
  }
  button {
    height: 40px;
    width: 60px;
  }
  </style>
  <script>
  document.addEventListener("selectionchange", () => {
    ok(window.getSelection().isCollapsed, "The selection should be collapsed!");
  });

  function click() {
    let container = document.getElementById("container");
    synthesizeMouseAtCenter(container, {});
    setTimeout(() => { document.documentElement.removeAttribute("class"); });
  }
  </script>
  <body onload="SimpleTest.waitForFocus(click);">
    <div id="container"><button>Grid</button></div>
  </body>
</html>