Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(336)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/multicol/forced-break-in-nested-columns.html

Issue 2400083003: Don't break before a first in-flow block container. (Closed)
Patch Set: Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <script src="../../resources/check-layout.js"></script> 2 <script src="../../resources/check-layout.js"></script>
3 <p>The word "WIN" should be seen below.</p> 3 <p>The word "WIN" should be seen below.</p>
4 <div id="outer" style="position:relative; -webkit-column-count:2; -webkit-column -gap:0; column-fill:auto; width:64px; height:40px; font:16px/32px monospace; tex t-align:right;" class="font"> 4 <div id="outer" style="position:relative; -webkit-column-count:2; -webkit-column -gap:0; column-fill:auto; width:64px; height:40px; font:16px/32px monospace; tex t-align:right;" class="font">
5 <div data-offset-x="0" data-offset-y="0">W</div> 5 <div data-offset-x="0" data-offset-y="0">W</div>
6 <div style="-webkit-column-count:2; -webkit-column-gap:0;"> 6 <div style="-webkit-column-count:2; -webkit-column-gap:0;">
7 <div data-offset-x="32" data-offset-y="0">I</div> 7 <!-- There'll be a break before the first line in the first DIV, but
8 the DIV will itself will start in the first column, since there's
9 no break opportunity before it. -->
10 <div data-offset-x="0" data-offset-y="32">
11 <span data-offset-x="32" data-offset-y="0" style="display:inline-blo ck; width:100%;">I</span>
12 </div>
8 <div data-offset-x="48" data-offset-y="0" style="-webkit-column-break-be fore:always;">N</div> 13 <div data-offset-x="48" data-offset-y="0" style="-webkit-column-break-be fore:always;">N</div>
9 </div> 14 </div>
10 </div> 15 </div>
11 <script> 16 <script>
12 checkLayout("#outer"); 17 checkLayout("#outer");
13 </script> 18 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698