layout/reftests/details-summary/overflow-auto-open-details.html

   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>