bug1516963-3.html (1031B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <title>Bug 1516963: Test AccessibleCaret doesn't show when clicking on a 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 button { 16 height: 40px; 17 width: 60px; 18 } 19 </style> 20 <script> 21 document.addEventListener("selectionchange", () => { 22 ok(window.getSelection().isCollapsed, "The selection should be collapsed!"); 23 }); 24 25 function click() { 26 let container = document.getElementById("container"); 27 synthesizeMouseAtCenter(container, {}); 28 setTimeout(() => { document.documentElement.removeAttribute("class"); }); 29 } 30 </script> 31 <body onload="SimpleTest.waitForFocus(click);"> 32 <div id="container"><button>Grid</button></div> 33 </body> 34 </html>