layout/base/tests/bug1516963-1.html

   1 <!DOCTYPE HTML>
   2 <html class="reftest-wait">
   3   <title>Bug 1516963: Test AccessibleCaret doesn't show when clicking on an empty grid container.</title>
   4   <script src="/tests/SimpleTest/EventUtils.js"></script>
   5   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   6   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
   7   <style>
   8   #container {
   9     display: grid;
  10     border: 1px solid blue;
  11     width: 100px;
  12     height: 100px;
  13     background-color: yellow;
  14   }
  15   </style>
  16   <script>
  17   document.addEventListener("selectionchange", () => {
  18     ok(window.getSelection().isCollapsed, "The selection should be collapsed!");
  19   });
  20
  21   function click() {
  22     let container = document.getElementById("container");
  23     synthesizeMouseAtCenter(container, {});
  24     setTimeout(() => { document.documentElement.removeAttribute("class"); });
  25   }
  26   </script>
  27   <body onload="SimpleTest.waitForFocus(click);">
  28     <div id="container"></div>
  29   </body>
  30 </html>