layout/reftests/columns/column-balancing-overflow-004.html

   1 <html class="reftest-wait">
   2 <head><style>
   3 /* Sets of heights that trigger crash:
   4     100px/50px/51+px
   5     100px/30px/74+px
   6    Get only an assert unless you set ".d { position: absolute; }".
   7
   8    Trigger hang (separate issue, absolute not needed):
   9     10px/10px/9999px
  10     10px/10px/999999px --> "bad height" notreached
  11 */
  12 /* Note: The column-gap and the backgrounds
  13    are just added here for easier visualization */
  14 #colset { width: 200px;
  15           padding: 2px;
  16           column-count: 3;
  17           column-gap: 2px; }
  18 #a      { height: 100px;   background: lightblue;}
  19 #b      { height:  50px;   background: lightgreen;}
  20 #c      { height:  51px;   background: orange;}
  21
  22 </style>
  23 <script>
  24   function boom() {
  25     document.getElementById('colset').offsetHeight;
  26     document.getElementById('a').style.height = 'auto';
  27     document.documentElement.className = ''
  28   }
  29 </script>
  30 </head>
  31 <!-- Removing whitespace in body for simpler frame trees -->
  32 <body onload="boom()"
  33  ><div id="colset"
  34    ><div
  35      ><div id="a"></div
  36      ><div id="b"
  37        ><div id="c"></div
  38        ><div id="d"></div
  39      ></div
  40    ></div
  41  ></div
  42 ></body>
  43 </html>