overflow-auto-open-details.html (740B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html> 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 background-color: green; 17 overflow: auto; 18 width: 200px; 19 height: 100px; 20 } 21 div.tall { 22 background-color: blue; 23 border: 1px dotted purple; 24 height: 1000px; 25 width: 50px; 26 } 27 </style> 28 <body> 29 <details open> 30 <summary> 31 <div class="tall"> 32 </div> 33 </summary> 34 <div class="tall"> 35 </div> 36 </details> 37 </body> 38 </html>