<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[180408] branches/safari-600.1.4.15-branch</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/180408">180408</a></dd>
<dt>Author</dt> <dd>bshafiei@apple.com</dd>
<dt>Date</dt> <dd>2015-02-20 03:00:07 -0800 (Fri, 20 Feb 2015)</dd>
</dl>
<h3>Log Message</h3>
<pre>Merged <a href="http://trac.webkit.org/projects/webkit/changeset/180364">r180364</a>. rdar://problem/19432897</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branchessafari6001415branchLayoutTestsChangeLog">branches/safari-600.1.4.15-branch/LayoutTests/ChangeLog</a></li>
<li><a href="#branchessafari6001415branchLayoutTestsplatformmacfastmulticolspanspanasimmediatecolumnschildexpectedpng">branches/safari-600.1.4.15-branch/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.png</a></li>
<li><a href="#branchessafari6001415branchLayoutTestsplatformmacfastmulticolspanspanasimmediatecolumnschildexpectedtxt">branches/safari-600.1.4.15-branch/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.txt</a></li>
<li><a href="#branchessafari6001415branchSourceWebCoreChangeLog">branches/safari-600.1.4.15-branch/Source/WebCore/ChangeLog</a></li>
<li><a href="#branchessafari6001415branchSourceWebCorerenderingRenderBlockFlowcpp">branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderBlockFlow.cpp</a></li>
<li><a href="#branchessafari6001415branchSourceWebCorerenderingRenderMultiColumnFlowThreadcpp">branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnFlowThread.cpp</a></li>
<li><a href="#branchessafari6001415branchSourceWebCorerenderingRenderMultiColumnSetcpp">branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.cpp</a></li>
<li><a href="#branchessafari6001415branchSourceWebCorerenderingRenderMultiColumnSeth">branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.h</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#branchessafari6001415branchLayoutTestsfastmulticolinlinetabledynamicmovementexpectedhtml">branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement-expected.html</a></li>
<li><a href="#branchessafari6001415branchLayoutTestsfastmulticolinlinetabledynamicmovementhtml">branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement.html</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="branchessafari6001415branchLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: branches/safari-600.1.4.15-branch/LayoutTests/ChangeLog (180407 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/LayoutTests/ChangeLog 2015-02-20 10:57:17 UTC (rev 180407)
+++ branches/safari-600.1.4.15-branch/LayoutTests/ChangeLog 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -1,5 +1,22 @@
</span><span class="cx"> 2015-02-20 Babak Shafiei <bshafiei@apple.com>
</span><span class="cx">
</span><ins>+ Merge r180364.
+
+ 2015-02-19 David Hyatt <hyatt@apple.com>
+
+ Columns are splitting unsplittable content.
+ https://bugs.webkit.org/show_bug.cgi?id=141807
+ <rdar://problem/18387659>
+
+ Reviewed by Dean Jackson.
+
+ * fast/multicol/inline-table-dynamic-movement-expected.html: Added.
+ * fast/multicol/inline-table-dynamic-movement.html: Added.
+ * platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.png:
+ * platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.txt:
+
+2015-02-20 Babak Shafiei <bshafiei@apple.com>
+
</ins><span class="cx"> Merge r180191.
</span><span class="cx">
</span><span class="cx"> 2015-02-16 Enrica Casucci <enrica@apple.com>
</span></span></pre></div>
<a id="branchessafari6001415branchLayoutTestsfastmulticolinlinetabledynamicmovementexpectedhtmlfromrev180364trunkLayoutTestsfastmulticolinlinetabledynamicmovementexpectedhtml"></a>
<div class="copfile"><h4>Copied: branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement-expected.html (from rev 180364, trunk/LayoutTests/fast/multicol/inline-table-dynamic-movement-expected.html) (0 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement-expected.html (rev 0)
+++ branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement-expected.html 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -0,0 +1,9 @@
</span><ins>+
+
+<div id='test' style="-webkit-columns:2; height:500px; border:3px solid black; -webkit-column-fill: auto"><div style="height:150px; background-color:lime"></div>
+
+<table style="display:inline-table; height:300px"><tr><td style="vertical-align:middle; height:100%">Hello world<br><img style="height:250px;width:175px; background-color:purple">
+<td style="vertical-align:middle; height:100%">Also world<br>
+<img style="height:250px;width:175px; background-color:purple">
+</table>
+
</ins></span></pre></div>
<a id="branchessafari6001415branchLayoutTestsfastmulticolinlinetabledynamicmovementhtmlfromrev180364trunkLayoutTestsfastmulticolinlinetabledynamicmovementhtml"></a>
<div class="copfile"><h4>Copied: branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement.html (from rev 180364, trunk/LayoutTests/fast/multicol/inline-table-dynamic-movement.html) (0 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement.html (rev 0)
+++ branches/safari-600.1.4.15-branch/LayoutTests/fast/multicol/inline-table-dynamic-movement.html 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+
+<script>
+function doIt()
+{
+document.getElementById('test').offsetHeight
+document.getElementById('test').style.height = '500px';
+}
+</script>
+
+<div id='test' style="-webkit-columns:2; height:400px; border:3px solid black; -webkit-column-fill: auto"><div style="height:150px; background-color:lime"></div>
+
+<table style="display:inline-table; height:300px"><tr><td style="vertical-align:middle; height:100%">Hello world<br><img style="height:250px;width:175px; background-color:purple">
+<td style="vertical-align:middle; height:100%">Also world<br>
+<img style="height:250px;width:175px; background-color:purple">
+</table>
+
+</div>
+
+<script>
+doIt()
+</script>
</ins></span></pre></div>
<a id="branchessafari6001415branchLayoutTestsplatformmacfastmulticolspanspanasimmediatecolumnschildexpectedpng"></a>
<div class="binary"><h4>Modified: branches/safari-600.1.4.15-branch/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="branchessafari6001415branchLayoutTestsplatformmacfastmulticolspanspanasimmediatecolumnschildexpectedtxt"></a>
<div class="modfile"><h4>Modified: branches/safari-600.1.4.15-branch/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.txt (180407 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.txt 2015-02-20 10:57:17 UTC (rev 180407)
+++ branches/safari-600.1.4.15-branch/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-columns-child-expected.txt 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -1,399 +1,401 @@
</span><del>-layer at (0,0) size 785x3403
</del><ins>+layer at (0,0) size 785x3430
</ins><span class="cx"> RenderView at (0,0) size 785x600
</span><del>-layer at (0,0) size 785x3403
- RenderBlock {HTML} at (0,0) size 785x3403
- RenderBody {BODY} at (8,16) size 769x3371
-layer at (8,16) size 760x384
- RenderBlock {DIV} at (0,0) size 760x384 [border: (5px solid #800000)]
</del><ins>+layer at (0,0) size 785x3430
+ RenderBlock {HTML} at (0,0) size 785x3430
+ RenderBody {BODY} at (8,16) size 769x3398
+layer at (8,16) size 760x402
+ RenderBlock {DIV} at (0,0) size 760x402 [border: (5px solid #800000)]
</ins><span class="cx"> RenderBlock {H2} at (5,24) size 750x29 [bgcolor=#EEEEEE]
</span><del>- RenderText {#text} at (0,0) size 664x28
- text run at (0,0) width 664: "This is a spanning element at the beginning of the columns block."
- RenderMultiColumnSet at (5,72) size 750x307
-layer at (13,21) size 367x612
- RenderMultiColumnFlowThread at (5,5) size 367x612
</del><ins>+ RenderText {#text} at (0,0) size 666x28
+ text run at (0,0) width 666: "This is a spanning element at the beginning of the columns block."
+ RenderMultiColumnSet at (5,72) size 750x325
+layer at (13,21) size 367x630
+ RenderMultiColumnFlowThread at (5,5) size 367x630
</ins><span class="cx"> RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
</span><del>- RenderBlock (anonymous) at (0,0) size 367x612
- RenderText {#text} at (0,0) size 363x612
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,180) width 121: "Lorem ipsum dolor"
- text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
- text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
- text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
- text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
- text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
- text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
- text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
- text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
- text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
- text run at (0,378) width 95: "adipiscing elit. "
- text run at (95,378) width 259: "Lorem ipsum dolor sit amet, consectetuer"
- text run at (0,396) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
- text run at (0,414) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
- text run at (0,432) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
- text run at (0,450) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
- text run at (0,468) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
- text run at (0,486) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
- text run at (0,504) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
- text run at (0,522) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
- text run at (0,540) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
- text run at (0,558) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,594) width 154: "Nulla varius enim ac mi."
-layer at (8,416) size 760x384
- RenderBlock {DIV} at (0,399) size 760x385 [border: (5px solid #800000)]
- RenderMultiColumnSet at (5,5) size 750x306
- RenderBlock {H2} at (5,330) size 750x29 [bgcolor=#EEEEEE]
- RenderText {#text} at (0,0) size 600x28
- text run at (0,0) width 600: "This is a spanning element at the end of the columns block."
- RenderMultiColumnSet at (5,378) size 750x0
-layer at (13,421) size 367x612
- RenderMultiColumnFlowThread at (5,5) size 367x612
- RenderBlock (anonymous) at (0,0) size 367x612
- RenderText {#text} at (0,0) size 363x612
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,180) width 121: "Lorem ipsum dolor"
- text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
- text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
- text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
- text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
- text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
- text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
- text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
- text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
- text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
- text run at (0,378) width 95: "adipiscing elit. "
- text run at (95,378) width 259: "Lorem ipsum dolor sit amet, consectetuer"
- text run at (0,396) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
- text run at (0,414) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
- text run at (0,432) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
- text run at (0,450) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
- text run at (0,468) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
- text run at (0,486) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
- text run at (0,504) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
- text run at (0,522) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
- text run at (0,540) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
- text run at (0,558) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,594) width 154: "Nulla varius enim ac mi."
- RenderMultiColumnSpannerPlaceholder at (0,612) size 0x0
-layer at (8,816) size 760x401
- RenderBlock {DIV} at (0,799) size 760x403 [border: (5px solid #800000)]
</del><ins>+ RenderBlock (anonymous) at (0,0) size 367x630
+ RenderText {#text} at (0,0) size 367x630
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,180) width 86: "Lorem ipsum"
+ text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,216) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+ text run at (0,234) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+ text run at (0,252) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+ text run at (0,270) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+ text run at (0,288) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+ text run at (0,306) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
+ text run at (0,324) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,342) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,360) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,378) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,378) width 86: "Lorem ipsum"
+ text run at (0,396) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,414) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+ text run at (0,432) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+ text run at (0,450) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+ text run at (0,468) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+ text run at (0,486) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+ text run at (0,504) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
+ text run at (0,522) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,540) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,558) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,576) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,576) width 86: "Lorem ipsum"
+ text run at (0,594) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,612) width 76: "enim ac mi."
+layer at (8,434) size 760x402
+ RenderBlock {DIV} at (0,417) size 760x403 [border: (5px solid #800000)]
+ RenderMultiColumnSet at (5,5) size 750x324
+ RenderBlock {H2} at (5,348) size 750x29 [bgcolor=#EEEEEE]
+ RenderText {#text} at (0,0) size 602x28
+ text run at (0,0) width 602: "This is a spanning element at the end of the columns block."
+ RenderMultiColumnSet at (5,396) size 750x0
+layer at (13,439) size 367x630
+ RenderMultiColumnFlowThread at (5,5) size 367x630
+ RenderBlock (anonymous) at (0,0) size 367x630
+ RenderText {#text} at (0,0) size 367x630
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,180) width 86: "Lorem ipsum"
+ text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,216) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+ text run at (0,234) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+ text run at (0,252) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+ text run at (0,270) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+ text run at (0,288) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+ text run at (0,306) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
+ text run at (0,324) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,342) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,360) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,378) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,378) width 86: "Lorem ipsum"
+ text run at (0,396) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,414) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+ text run at (0,432) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+ text run at (0,450) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+ text run at (0,468) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+ text run at (0,486) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+ text run at (0,504) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
+ text run at (0,522) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,540) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,558) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,576) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,576) width 86: "Lorem ipsum"
+ text run at (0,594) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,612) width 76: "enim ac mi."
+ RenderMultiColumnSpannerPlaceholder at (0,630) size 0x0
+layer at (8,852) size 760x401
+ RenderBlock {DIV} at (0,835) size 760x403 [border: (5px solid #800000)]
</ins><span class="cx"> RenderMultiColumnSet at (5,5) size 750x126
</span><span class="cx"> RenderBlock {H2} at (5,150) size 750x29 [bgcolor=#EEEEEE]
</span><del>- RenderText {#text} at (0,0) size 634x28
- text run at (0,0) width 634: "This is a spanning element in the middle of the columns block."
</del><ins>+ RenderText {#text} at (0,0) size 635x28
+ text run at (0,0) width 635: "This is a spanning element in the middle of the columns block."
</ins><span class="cx"> RenderMultiColumnSet at (5,198) size 750x199
</span><del>-layer at (13,821) size 367x630
</del><ins>+layer at (13,857) size 367x630
</ins><span class="cx"> RenderMultiColumnFlowThread at (5,5) size 367x630
</span><span class="cx"> RenderBlock (anonymous) at (0,0) size 367x234
</span><del>- RenderText {#text} at (0,0) size 363x234
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,180) width 121: "Lorem ipsum dolor"
- text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,216) width 20: "mi."
</del><ins>+ RenderText {#text} at (0,0) size 367x234
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,180) width 86: "Lorem ipsum"
+ text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,216) width 76: "enim ac mi."
</ins><span class="cx"> RenderMultiColumnSpannerPlaceholder at (0,234) size 0x0
</span><span class="cx"> RenderBlock (anonymous) at (0,234) size 367x396
</span><del>- RenderText {#text} at (0,0) size 363x396
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,180) width 121: "Lorem ipsum dolor"
- text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
- text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
- text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
- text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
- text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
- text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
- text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
- text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
- text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
- text run at (0,378) width 91: "adipiscing elit."
-layer at (8,1233) size 760x364
- RenderBlock {DIV} at (0,1217) size 760x365 [border: (5px solid #800000)]
</del><ins>+ RenderText {#text} at (0,0) size 367x396
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,180) width 86: "Lorem ipsum"
+ text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,216) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+ text run at (0,234) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+ text run at (0,252) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+ text run at (0,270) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+ text run at (0,288) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+ text run at (0,306) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
+ text run at (0,324) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,342) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,360) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,378) width 275: "dolor sit amet, consectetuer adipiscing elit."
+layer at (8,1269) size 760x364
+ RenderBlock {DIV} at (0,1253) size 760x365 [border: (5px solid #800000)]
</ins><span class="cx"> RenderMultiColumnSet at (5,5) size 750x354
</span><del>-layer at (13,1238) size 367x696
</del><ins>+layer at (13,1274) size 367x696
</ins><span class="cx"> RenderMultiColumnFlowThread at (5,5) size 367x696
</span><del>- RenderText {#text} at (0,0) size 363x242
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,180) width 121: "Lorem ipsum dolor"
- text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,224) width 24: "mi. "
- RenderInline {H2} at (0,0) size 345x84 [bgcolor=#EEEEEE]
- RenderText {#text} at (24,216) size 345x84
- text run at (24,216) width 321: "This is a spanning element with"
- text run at (0,244) width 345: "an original display of inline in the"
- text run at (0,272) width 294: "middle of the columns block."
- RenderText {#text} at (294,280) size 363x416
- text run at (294,280) width 46: " Lorem"
- text run at (0,300) width 347: "ipsum dolor sit amet, consectetuer adipiscing elit. Nulla"
- text run at (0,318) width 356: "varius enim ac mi. Curabitur sollicitudin felis quis lectus."
- text run at (0,336) width 324: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
- text run at (0,354) width 345: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
- text run at (0,372) width 346: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
- text run at (0,390) width 353: "Nam nonummy enim. Nullam bibendum lobortis neque."
- text run at (0,408) width 332: "Vestibulum velit orci, tempus euismod, pretium quis,"
- text run at (0,426) width 309: "interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,444) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,462) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,480) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,480) width 121: "Lorem ipsum dolor"
- text run at (0,498) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,516) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
- text run at (0,534) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
- text run at (0,552) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
- text run at (0,570) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
- text run at (0,588) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
- text run at (0,606) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
- text run at (0,624) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
- text run at (0,642) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
- text run at (0,660) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
- text run at (0,678) width 91: "adipiscing elit."
-layer at (8,1613) size 760x386
- RenderBlock {DIV} at (0,1597) size 760x387 [border: (5px solid #800000)]
</del><ins>+ RenderText {#text} at (0,0) size 367x242
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,180) width 86: "Lorem ipsum"
+ text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,224) width 80: "enim ac mi. "
+ RenderInline {H2} at (0,0) size 358x84 [bgcolor=#EEEEEE]
+ RenderText {#text} at (79,216) size 358x84
+ text run at (79,216) width 271: "This is a spanning element"
+ text run at (0,244) width 358: "with an original display of inline in"
+ text run at (0,272) width 333: "the middle of the columns block."
+ RenderText {#text} at (0,300) size 367x396
+ text run at (0,300) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,318) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,336) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,354) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,372) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,390) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,408) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,426) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,444) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,462) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,480) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,480) width 86: "Lorem ipsum"
+ text run at (0,498) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,516) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+ text run at (0,534) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+ text run at (0,552) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+ text run at (0,570) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+ text run at (0,588) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+ text run at (0,606) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
+ text run at (0,624) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,642) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,660) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,678) width 275: "dolor sit amet, consectetuer adipiscing elit."
+layer at (8,1649) size 760x386
+ RenderBlock {DIV} at (0,1633) size 760x387 [border: (5px solid #800000)]
</ins><span class="cx"> RenderMultiColumnSet at (5,5) size 750x376
</span><del>-layer at (13,1618) size 367x736
</del><ins>+layer at (13,1654) size 367x736
</ins><span class="cx"> RenderMultiColumnFlowThread at (5,5) size 367x736
</span><del>- RenderText {#text} at (0,0) size 363x234
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,180) width 121: "Lorem ipsum dolor"
- text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,216) width 24: "mi. "
</del><ins>+ RenderText {#text} at (0,0) size 367x234
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+ text run at (278,180) width 86: "Lorem ipsum"
+ text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+ text run at (0,216) width 80: "enim ac mi. "
</ins><span class="cx"> RenderBlock (floating) {H2} at (0,253) size 367x85 [bgcolor=#EEEEEE]
</span><del>- RenderText {#text} at (0,0) size 338x84
- text run at (0,0) width 324: "This element specifies a column"
- text run at (0,28) width 338: "span, but it is also floating, so the"
- text run at (0,56) width 325: "column-span should be ignored."
- RenderText {#text} at (24,216) size 363x520
- text run at (24,216) width 327: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
- text run at (0,358) width 348: "elit. Nulla varius enim ac mi. Curabitur sollicitudin felis"
- text run at (0,376) width 355: "quis lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,394) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,412) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,430) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,448) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,466) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,484) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,502) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,520) width 233: "sit amet, consectetuer adipiscing elit. "
- text run at (233,520) width 121: "Lorem ipsum dolor"
- text run at (0,538) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
- text run at (0,556) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
- text run at (0,574) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
- text run at (0,592) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
- text run at (0,610) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
- text run at (0,628) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
- text run at (0,646) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
- text run at (0,664) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
- text run at (0,682) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
- text run at (0,700) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
- text run at (0,718) width 91: "adipiscing elit."
-layer at (8,2015) size 760x444
- RenderBlock {DIV} at (0,1999) size 760x445 [border: (5px solid #800000)]
</del><ins>+ RenderText {#text} at (0,0) size 339x84
+ text run at (0,0) width 322: "This element specifies a column"
+ text run at (0,28) width 339: "span, but it is also floating, so the"
+ text run at (0,56) width 327: "column-span should be ignored."
+ RenderText {#text} at (79,216) size 367x520
+ text run at (79,216) width 266: "Lorem ipsum dolor sit amet, consectetuer"
+ text run at (0,358) width 322: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
+ text run at (0,376) width 362: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
+ text run at (0,394) width 361: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
+ text run at (0,412) width 336: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+ text run at (0,430) width 358: "convallis adipiscing sem. Nam nonummy enim. Nullam"
+ text run at (0,448) width 356: "bibendum lobortis neque. Vestibulum velit orci, tempus"
+ text run at (0,466) width 352: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
+ text run at (0,484) width 366: "eget ante et tortor condimentum vestibulum. Suspendisse"
+ text run at (0,502) width 344: "hendrerit quam nec felis. Sed varius turpis vitae pede."
+ text run at (0,520) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,538) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,556) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,574) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,592) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,610) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,628) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,646) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,664) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,682) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,700) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,718) width 275: "dolor sit amet, consectetuer adipiscing elit."
+layer at (8,2051) size 760x444
+ RenderBlock {DIV} at (0,2035) size 760x445 [border: (5px solid #800000)]
</ins><span class="cx"> RenderBlock {H2} at (5,24) size 750x57 [bgcolor=#EEEEEE]
</span><del>- RenderText {#text} at (0,0) size 709x56
- text run at (0,0) width 709: "This is a spanning element at the beginning of the columns block with"
- text run at (0,28) width 145: "block siblings."
</del><ins>+ RenderText {#text} at (0,0) size 711x56
+ text run at (0,0) width 711: "This is a spanning element at the beginning of the columns block with"
+ text run at (0,28) width 146: "block siblings."
</ins><span class="cx"> RenderMultiColumnSet at (5,100) size 750x339
</span><del>-layer at (13,2020) size 367x658
</del><ins>+layer at (13,2056) size 367x658
</ins><span class="cx"> RenderMultiColumnFlowThread at (5,5) size 367x658
</span><span class="cx"> RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
</span><span class="cx"> RenderBlock {P} at (0,16) size 367x198
</span><del>- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
</del><ins>+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
</ins><span class="cx"> RenderBlock {P} at (0,230) size 367x198
</span><del>- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
</del><ins>+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
</ins><span class="cx"> RenderBlock {P} at (0,444) size 367x198
</span><del>- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
-layer at (8,2475) size 760x444
- RenderBlock {DIV} at (0,2459) size 760x445 [border: (5px solid #800000)]
- RenderMultiColumnSet at (5,5) size 750x338
- RenderBlock {H2} at (5,362) size 750x57 [bgcolor=#EEEEEE]
- RenderText {#text} at (0,0) size 707x56
- text run at (0,0) width 707: "This is a spanning element at the end of the columns block with block"
- text run at (0,28) width 83: "siblings."
- RenderMultiColumnSet at (5,438) size 750x0
-layer at (13,2480) size 367x658
</del><ins>+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
+layer at (8,2511) size 760x435
+ RenderBlock {DIV} at (0,2495) size 760x436 [border: (5px solid #800000)]
+ RenderMultiColumnSet at (5,5) size 750x329
+ RenderBlock {H2} at (5,353) size 750x57 [bgcolor=#EEEEEE]
+ RenderText {#text} at (0,0) size 709x56
+ text run at (0,0) width 709: "This is a spanning element at the end of the columns block with block"
+ text run at (0,28) width 84: "siblings."
+ RenderMultiColumnSet at (5,429) size 750x0
+layer at (13,2516) size 367x658
</ins><span class="cx"> RenderMultiColumnFlowThread at (5,5) size 367x658
</span><span class="cx"> RenderBlock {P} at (0,16) size 367x198
</span><del>- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
- RenderBlock {P} at (0,230) size 367x198
- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
- RenderBlock {P} at (0,444) size 367x198
- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
</del><ins>+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
+ RenderBlock {P} at (0,230) size 367x207
+ RenderText {#text} at (0,0) size 367x207
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,99) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,117) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,135) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,153) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,171) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,189) width 275: "dolor sit amet, consectetuer adipiscing elit."
+ RenderBlock {P} at (0,453) size 367x198
+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
</ins><span class="cx"> RenderMultiColumnSpannerPlaceholder at (0,658) size 0x0
</span><del>-layer at (8,2935) size 760x452
- RenderBlock {DIV} at (0,2919) size 760x452 [border: (5px solid #800000)]
</del><ins>+layer at (8,2962) size 760x452
+ RenderBlock {DIV} at (0,2946) size 760x452 [border: (5px solid #800000)]
</ins><span class="cx"> RenderMultiColumnSet at (5,5) size 750x222
</span><span class="cx"> RenderBlock {H2} at (5,246) size 750x57 [bgcolor=#EEEEEE]
</span><del>- RenderText {#text} at (0,0) size 741x56
- text run at (0,0) width 741: "This is a spanning element in the middle of the columns block with block"
- text run at (0,28) width 83: "siblings."
</del><ins>+ RenderText {#text} at (0,0) size 743x56
+ text run at (0,0) width 743: "This is a spanning element in the middle of the columns block with block"
+ text run at (0,28) width 84: "siblings."
</ins><span class="cx"> RenderMultiColumnSet at (5,322) size 750x125
</span><del>-layer at (13,2940) size 367x666 backgroundClip at (0,0) size 785x3403 clip at (0,0) size 785x3403 outlineClip at (0,0) size 785x3403
</del><ins>+layer at (13,2967) size 367x666 backgroundClip at (0,0) size 785x3430 clip at (0,0) size 785x3430 outlineClip at (0,0) size 785x3430
</ins><span class="cx"> RenderMultiColumnFlowThread at (5,5) size 367x666
</span><span class="cx"> RenderBlock {P} at (0,16) size 367x198
</span><del>- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
</del><ins>+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
</ins><span class="cx"> RenderBlock {P} at (0,222) size 367x198
</span><del>- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
</del><ins>+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
</ins><span class="cx"> RenderMultiColumnSpannerPlaceholder at (0,436) size 0x0
</span><span class="cx"> RenderBlock {P} at (0,452) size 367x198
</span><del>- RenderText {#text} at (0,0) size 362x198
- text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
- text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
- text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
- text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
- text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
- text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
- text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
- text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
- text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
- text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
- text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
</del><ins>+ RenderText {#text} at (0,0) size 367x198
+ text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+ text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+ text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+ text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+ text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+ text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+ text run at (0,108) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
+ text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+ text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+ text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+ text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
</ins></span></pre></div>
<a id="branchessafari6001415branchSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: branches/safari-600.1.4.15-branch/Source/WebCore/ChangeLog (180407 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/Source/WebCore/ChangeLog 2015-02-20 10:57:17 UTC (rev 180407)
+++ branches/safari-600.1.4.15-branch/Source/WebCore/ChangeLog 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -1,5 +1,41 @@
</span><span class="cx"> 2015-02-20 Babak Shafiei <bshafiei@apple.com>
</span><span class="cx">
</span><ins>+ Merge r180364.
+
+ 2015-02-19 David Hyatt <hyatt@apple.com>
+
+ Columns are splitting unsplittable content.
+ https://bugs.webkit.org/show_bug.cgi?id=141807
+ <rdar://problem/18387659>
+
+ Reviewed by Dean Jackson.
+
+ Added inline-table-dynamic-movement.html
+
+ * rendering/RenderBlockFlow.cpp:
+ (WebCore::RenderBlockFlow::pageLogicalTopForOffset):
+ (WebCore::RenderBlockFlow::pageLogicalHeightForOffset):
+ Patch these functions to always check the layout state for a zero
+ pageLogicalHeight, since that is actually our indicator that we're
+ doing column balancing and don't have a height set yet.
+
+ * rendering/RenderMultiColumnFlowThread.cpp:
+ (WebCore::RenderMultiColumnFlowThread::isPageLogicalHeightKnown):
+ * rendering/RenderMultiColumnSet.cpp:
+ (WebCore::RenderMultiColumnSet::RenderMultiColumnSet):
+ (WebCore::RenderMultiColumnSet::setAndConstrainColumnHeight):
+ (WebCore::RenderMultiColumnSet::prepareForLayout):
+ * rendering/RenderMultiColumnSet.h:
+ The function for deciding whether the logical height of the columns was
+ known was checking for a zero computedColumnHeight. However, a column set
+ can legitimately compute a zero column height, and with the fix to examine
+ the layout state, this bug was exposed.
+
+ The fix is to add a new variable that caches whether or not the column height
+ has been computed, so that even if it computes to zero, we aren't fooled.
+
+2015-02-20 Babak Shafiei <bshafiei@apple.com>
+
</ins><span class="cx"> Merge r180147
</span><span class="cx">
</span><span class="cx"> 2015-02-16 Brent Fulgham <bfulgham@apple.com>
</span></span></pre></div>
<a id="branchessafari6001415branchSourceWebCorerenderingRenderBlockFlowcpp"></a>
<div class="modfile"><h4>Modified: branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderBlockFlow.cpp (180407 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderBlockFlow.cpp 2015-02-20 10:57:17 UTC (rev 180407)
+++ branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderBlockFlow.cpp 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -1847,25 +1847,34 @@
</span><span class="cx">
</span><span class="cx"> LayoutUnit RenderBlockFlow::pageLogicalTopForOffset(LayoutUnit offset) const
</span><span class="cx"> {
</span><ins>+ // Unsplittable objects clear out the pageLogicalHeight in the layout state as a way of signaling that no
+ // pagination should occur. Therefore we have to check this first and bail if the value has been set to 0.
+ LayoutUnit pageLogicalHeight = view().layoutState()->m_pageLogicalHeight;
+ if (!pageLogicalHeight)
+ return 0;
+
</ins><span class="cx"> LayoutUnit firstPageLogicalTop = isHorizontalWritingMode() ? view().layoutState()->m_pageOffset.height() : view().layoutState()->m_pageOffset.width();
</span><span class="cx"> LayoutUnit blockLogicalTop = isHorizontalWritingMode() ? view().layoutState()->m_layoutOffset.height() : view().layoutState()->m_layoutOffset.width();
</span><span class="cx">
</span><span class="cx"> LayoutUnit cumulativeOffset = offset + blockLogicalTop;
</span><span class="cx"> RenderFlowThread* flowThread = flowThreadContainingBlock();
</span><del>- if (!flowThread) {
- LayoutUnit pageLogicalHeight = view().layoutState()->pageLogicalHeight();
- if (!pageLogicalHeight)
- return 0;
</del><ins>+ if (!flowThread)
</ins><span class="cx"> return cumulativeOffset - roundToInt(cumulativeOffset - firstPageLogicalTop) % roundToInt(pageLogicalHeight);
</span><del>- }
</del><span class="cx"> return firstPageLogicalTop + flowThread->pageLogicalTopForOffset(cumulativeOffset - firstPageLogicalTop);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> LayoutUnit RenderBlockFlow::pageLogicalHeightForOffset(LayoutUnit offset) const
</span><span class="cx"> {
</span><ins>+ // Unsplittable objects clear out the pageLogicalHeight in the layout state as a way of signaling that no
+ // pagination should occur. Therefore we have to check this first and bail if the value has been set to 0.
+ LayoutUnit pageLogicalHeight = view().layoutState()->m_pageLogicalHeight;
+ if (!pageLogicalHeight)
+ return 0;
+
+ // Now check for a flow thread.
</ins><span class="cx"> RenderFlowThread* flowThread = flowThreadContainingBlock();
</span><span class="cx"> if (!flowThread)
</span><del>- return view().layoutState()->m_pageLogicalHeight;
</del><ins>+ return pageLogicalHeight;
</ins><span class="cx"> return flowThread->pageLogicalHeightForOffset(offset + offsetFromLogicalTopOfFirstPage());
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari6001415branchSourceWebCorerenderingRenderMultiColumnFlowThreadcpp"></a>
<div class="modfile"><h4>Modified: branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnFlowThread.cpp (180407 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnFlowThread.cpp 2015-02-20 10:57:17 UTC (rev 180407)
+++ branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnFlowThread.cpp 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -766,7 +766,7 @@
</span><span class="cx"> bool RenderMultiColumnFlowThread::isPageLogicalHeightKnown() const
</span><span class="cx"> {
</span><span class="cx"> if (RenderMultiColumnSet* columnSet = lastMultiColumnSet())
</span><del>- return columnSet->computedColumnHeight();
</del><ins>+ return columnSet->columnHeightComputed();
</ins><span class="cx"> return false;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari6001415branchSourceWebCorerenderingRenderMultiColumnSetcpp"></a>
<div class="modfile"><h4>Modified: branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.cpp (180407 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.cpp 2015-02-20 10:57:17 UTC (rev 180407)
+++ branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.cpp 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -42,6 +42,7 @@
</span><span class="cx"> , m_computedColumnWidth(0)
</span><span class="cx"> , m_computedColumnHeight(0)
</span><span class="cx"> , m_availableColumnHeight(0)
</span><ins>+ , m_columnHeightComputed(false)
</ins><span class="cx"> , m_maxColumnHeight(RenderFlowThread::maxLogicalHeight())
</span><span class="cx"> , m_minSpaceShortage(RenderFlowThread::maxLogicalHeight())
</span><span class="cx"> , m_minimumColumnHeight(0)
</span><span class="lines">@@ -168,6 +169,9 @@
</span><span class="cx"> if (pageLength)
</span><span class="cx"> m_computedColumnHeight = pageLength;
</span><span class="cx"> }
</span><ins>+
+ m_columnHeightComputed = true;
+
</ins><span class="cx"> // FIXME: the height may also be affected by the enclosing pagination context, if any.
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -341,6 +345,7 @@
</span><span class="cx"> if (initial) {
</span><span class="cx"> m_computedColumnHeight = 0;
</span><span class="cx"> m_availableColumnHeight = 0;
</span><ins>+ m_columnHeightComputed = false;
</ins><span class="cx"> }
</span><span class="cx"> } else
</span><span class="cx"> setAndConstrainColumnHeight(heightAdjustedForSetOffset(multiColumnFlowThread()->columnHeightAvailable()));
</span></span></pre></div>
<a id="branchessafari6001415branchSourceWebCorerenderingRenderMultiColumnSeth"></a>
<div class="modfile"><h4>Modified: branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.h (180407 => 180408)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.h 2015-02-20 10:57:17 UTC (rev 180407)
+++ branches/safari-600.1.4.15-branch/Source/WebCore/rendering/RenderMultiColumnSet.h 2015-02-20 11:00:07 UTC (rev 180408)
</span><span class="lines">@@ -72,6 +72,7 @@
</span><span class="cx"> unsigned computedColumnCount() const { return m_computedColumnCount; }
</span><span class="cx"> LayoutUnit computedColumnWidth() const { return m_computedColumnWidth; }
</span><span class="cx"> LayoutUnit computedColumnHeight() const { return m_computedColumnHeight; }
</span><ins>+ bool columnHeightComputed() const { return m_columnHeightComputed; }
</ins><span class="cx">
</span><span class="cx"> void setComputedColumnWidthAndCount(LayoutUnit width, unsigned count)
</span><span class="cx"> {
</span><span class="lines">@@ -191,7 +192,8 @@
</span><span class="cx"> LayoutUnit m_computedColumnWidth; // Used column width (the resulting 'W' from the pseudo-algorithm in the multicol spec)
</span><span class="cx"> LayoutUnit m_computedColumnHeight;
</span><span class="cx"> LayoutUnit m_availableColumnHeight;
</span><del>-
</del><ins>+ bool m_columnHeightComputed;
+
</ins><span class="cx"> // The following variables are used when balancing the column set.
</span><span class="cx"> LayoutUnit m_maxColumnHeight; // Maximum column height allowed.
</span><span class="cx"> LayoutUnit m_minSpaceShortage; // The smallest amout of space shortage that caused a column break.
</span></span></pre>
</div>
</div>
</body>
</html>