| <!DOCTYPE html> |
| <script src="../../../resources/check-layout.js"></script> |
| <p>A bottom-aligned absolutely positioned descendant needs to be repositioned before being |
| repaginated when its containing block gets a new height.</p> |
| <p>The word "PAPAYA" should be seen in the first column below.</p> |
| <div id="multicol" style="position:relative; -webkit-columns:2; column-fill:auto; width:20em; height:200px; color:papayawhip; background:papayawhip;"> |
| <div style="position:relative; height:100%;"> |
| <div data-offset-y="140" style="position:absolute; bottom:0; height:50px; line-height:50px; background:black;"> |
| <div data-offset-y="0">PAPAYA</div> |
| </div> |
| </div> |
| </div> |
| <script> |
| document.body.offsetTop; |
| document.getElementById("multicol").style.height = "190px"; |
| checkLayout("#multicol"); |
| </script> |