Chromium Code Reviews

Side by Side Diff: third_party/WebKit/LayoutTests/fast/multicol/balance-line-overflow.html

Issue 1909233002: Spec-compliant parsing and initial values for 'orphans' and 'widows'. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Some unit tests had non-conformant widphans assumptions too. Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff |
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <script src="../../resources/ahem.js"></script> 2 <script src="../../resources/ahem.js"></script>
3 <p>There should be 5 short vertical lines below.</p> 3 <p>There should be 5 short vertical lines below.</p>
4 <div style="columns:6; column-gap:2px; column-rule:2px solid; width:250px; font: 20px/14px Ahem;"> 4 <div style="columns:6; column-gap:2px; column-rule:2px solid; width:250px; font: 20px/14px Ahem; orphans:1; widows:1;">
5 <!-- We set a 20px tall font and a line height of 14px, so that text will ov erflow their line 5 <!-- We set a 20px tall font and a line height of 14px, so that text will ov erflow their line
6 boxes. We thus get 6px of overflow, and the text will overflow the line equally above and 6 boxes. We thus get 6px of overflow, and the text will overflow the line equally above and
7 below the line box, so that we have 3px on each side. The 3px of overfl ow below the lines 7 below the line box, so that we have 3px on each side. The 3px of overfl ow below the lines
8 needs to be counted as space shortage by the column balancer, or it wil l erroneously 8 needs to be counted as space shortage by the column balancer, or it wil l erroneously
9 stretch the columns so much that two lines of text will fit in each col umn, leaving empty 9 stretch the columns so much that two lines of text will fit in each col umn, leaving empty
10 columns at the end. Which would be silly, given that we have 6 lines of equal height and 6 10 columns at the end. Which would be silly, given that we have 6 lines of equal height and 6
11 columns. --> 11 columns. -->
12 12
13 &nbsp;<br> 13 &nbsp;<br>
14 &nbsp;<br> 14 &nbsp;<br>
15 &nbsp;<br> 15 &nbsp;<br>
16 &nbsp;<br> 16 &nbsp;<br>
17 &nbsp;<br> 17 &nbsp;<br>
18 &nbsp;<br> 18 &nbsp;<br>
19 </div> 19 </div>
OLDNEW

Powered by Google App Engine