column-balancing-overflow-004.html

Enable keyboard shortcuts

<html class="reftest-wait">

<head><style>

/* Sets of heights that trigger crash:

    100px/50px/51+px

    100px/30px/74+px

   Get only an assert unless you set ".d { position: absolute; }".

   Trigger hang (separate issue, absolute not needed):

    10px/10px/9999px

    10px/10px/999999px --> "bad height" notreached

*/

/* Note: The column-gap and the backgrounds

   are just added here for easier visualization */

#colset { width: 200px;

          padding: 2px;

          column-count: 3;

          column-gap: 2px; }

#a      { height: 100px;   background: lightblue;}

#b      { height:  50px;   background: lightgreen;}

#c      { height:  51px;   background: orange;}

</style>

<script>

  function boom() {

    document.getElementById('colset').offsetHeight;

    document.getElementById('a').style.height = 'auto';

    document.documentElement.className = ''

</script>

</head>

<!-- Removing whitespace in body for simpler frame trees -->

<body onload="boom()"

 ><div id="colset"

   ><div

     ><div id="a"></div

     ><div id="b"

       ><div id="c"></div

       ><div id="d"></div

     ></div

   ></div

 ></div

></body>

</html>