mouse-click-overflow-auto-details.html (1016B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html class="reftest-wait"> 6 <style> 7 details { 8 background-color: orange; 9 overflow: auto; 10 width: 300px; 11 height: 200px; 12 } 13 summary { 14 /* Hide the triangle for comparing with div in reftest. */ 15 list-style-type: none; 16 } 17 summary { 18 background-color: green; 19 overflow: auto; 20 width: 200px; 21 height: 100px; 22 } 23 div.tall { 24 background-color: blue; 25 border: 1px dotted purple; 26 height: 1000px; 27 width: 50px; 28 } 29 </style> 30 <script> 31 function runTest() { 32 var summary = document.getElementById("summary"); 33 summary.dispatchEvent(new MouseEvent("click")); 34 document.documentElement.removeAttribute("class"); 35 } 36 </script> 37 <body onload="runTest();"> 38 <details> 39 <summary id="summary"> 40 <div class="tall"> 41 </div> 42 </summary> 43 <div class="tall"> 44 </div> 45 </details> 46 </body> 47 </html>