| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <p>There should be a blue square below.</p> |
| 3 <div id="multicol" data-expected-height="72" style="position:relative; columns:5
; column-gap:10px; width:240px; line-height:20px;"> |
| 4 <div style="height:160px;"> |
| 5 <div style="height:161px;"></div> |
| 6 <!-- The spanner starts after 161px of column content. --> |
| 7 <div data-offset-y="32" style="column-span:all; width:40px; height:20px;
background:blue;"></div> |
| 8 <!-- The second column row starts here, after 161px of column |
| 9 content (the spanner doesn't count as column content). --> |
| 10 </div> |
| 11 <!-- The following block starts after 160px of column content. It's |
| 12 logically after the spanner, but since offset 160px belongs to the |
| 13 first column row, we'll first attempt to place it there. In this case |
| 14 it's not going to fit there, since there's only 1px of space left, and |
| 15 we have a 20px tall line to fit, so it should be pushed to the next |
| 16 row. --> |
| 17 <div data-offset-y="52" data-expected-height="20" style="background:blue;"><
br></div> |
| 18 </div> |
| 19 <script src="../../../resources/testharness.js"></script> |
| 20 <script src="../../../resources/testharnessreport.js"></script> |
| 21 <script src="../../../resources/check-layout-th.js"></script> |
| 22 <script> |
| 23 checkLayout("#multicol"); |
| 24 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2690863003:
ColumnBalancer: need to examine lines that protrude into the flow thread portion. (Closed)
