[New Multicolumn] Enable new multi-column mode
[WebKit-https.git] / LayoutTests / platform / mac / fast / multicol / span / span-as-nested-columns-child-dynamic-expected.txt
index bec3c0a..4b84018 100644 (file)
@@ -1,20 +1,47 @@
-layer at (0,0) size 785x1354
+layer at (0,0) size 785x1321
   RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1354
-  RenderBlock {HTML} at (0,0) size 785x1355
-    RenderBody {BODY} at (8,16) size 769x1323
-layer at (8,16) size 760x417
-  RenderBlock {DIV} at (0,0) size 760x417 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,13) size 750x68 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19) size 750x29 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 276x28
-          text run at (0,0) width 276: "This is a spanning element."
-layer at (13,21) size 750x8
-  RenderBlock (anonymous multi-column) at (5,5) size 750x8
-    RenderBlock {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000]
-layer at (13,97) size 750x331
-  RenderBlock (anonymous multi-column) at (5,80) size 750x332
-    RenderBlock {SPAN} at (0,16) size 367x198 [color=#FFFFFF] [bgcolor=#000000]
+layer at (0,0) size 785x1321
+  RenderBlock {HTML} at (0,0) size 785x1322
+    RenderBody {BODY} at (8,16) size 769x1290
+layer at (8,16) size 760x408
+  RenderBlock {DIV} at (0,0) size 760x408 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x8
+    RenderBlock {H2} at (5,32) size 750x29 [bgcolor=#EEEEEE]
+      RenderText {#text} at (0,0) size 276x28
+        text run at (0,0) width 276: "This is a spanning element."
+    RenderMultiColumnSet at (5,80) size 750x323
+layer at (8,440) size 760x408
+  RenderBlock {DIV} at (0,423) size 760x409 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x322
+    RenderBlock {H2} at (5,346) size 750x29 [bgcolor=#EEEEEE]
+      RenderText {#text} at (0,0) size 276x28
+        text run at (0,0) width 276: "This is a spanning element."
+    RenderMultiColumnSet at (5,394) size 750x9
+layer at (8,864) size 760x441
+  RenderBlock {DIV} at (0,847) size 760x443 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x142
+    RenderBlock {H2} at (5,166) size 750x29 [bgcolor=#EEEEEE]
+      RenderText {#text} at (0,0) size 276x28
+        text run at (0,0) width 276: "This is a spanning element."
+    RenderMultiColumnSet at (5,214) size 750x223
+layer at (13,21) size 367x636
+  RenderMultiColumnFlowThread at (5,5) size 367x636
+    RenderBlock {SPAN} at (0,8) size 367x198 [color=#FFFFFF] [bgcolor=#000000]
+      RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
+      RenderBlock (anonymous) at (0,0) 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 (anonymous) at (0,222) size 367x414
       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"
@@ -26,48 +53,29 @@ layer at (13,97) size 750x331
         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 (anonymous) at (0,230) size 367x425
-      RenderText {#text} at (0,0) size 362x209
-        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,101) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,119) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,137) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,155) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,173) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,191) width 233: "sit amet, consectetuer adipiscing elit. "
+        text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
       RenderInline {SPAN} at (0,0) size 42x18
-        RenderText {#text} at (233,191) size 42x18
-          text run at (233,191) width 42: "Lorem"
-      RenderText {#text} at (275,191) size 363x234
-        text run at (275,191) width 79: " ipsum dolor"
-        text run at (0,209) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
-        text run at (0,227) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
-        text run at (0,245) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
-        text run at (0,263) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,281) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-        text run at (0,299) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,317) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,335) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,353) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,371) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,389) width 95: "adipiscing elit. "
-        text run at (95,389) width 259: "Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,407) width 249: "adipiscing elit. Nulla varius enim ac mi."
-layer at (8,449) size 760x416
-  RenderBlock {DIV} at (0,432) size 760x417 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,335) size 750x68 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19) size 750x29 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 276x28
-          text run at (0,0) width 276: "This is a spanning element."
-layer at (13,454) size 750x330
-  RenderBlock (anonymous multi-column) at (5,5) size 750x330
-    RenderBlock (anonymous) at (0,0) size 367x582
-      RenderText {#text} at (0,0) size 363x582
+        RenderText {#text} at (233,180) size 42x18
+          text run at (233,180) width 42: "Lorem"
+      RenderText {#text} at (275,180) size 363x234
+        text run at (275,180) width 79: " 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 249: "adipiscing elit. Nulla varius enim ac mi."
+layer at (13,445) size 367x660
+  RenderMultiColumnFlowThread at (5,5) size 367x660
+    RenderBlock (anonymous) at (0,0) size 367x592
+      RenderText {#text} at (0,0) size 363x592
         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"
@@ -86,39 +94,32 @@ layer at (13,454) size 750x330
         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,330) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,348) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,366) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,384) width 95: "adipiscing elit. "
-        text run at (95,384) width 259: "Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,402) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
-        text run at (0,420) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
-        text run at (0,438) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
-        text run at (0,456) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,474) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
-        text run at (0,492) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
-        text run at (0,510) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
-        text run at (0,528) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
-        text run at (0,546) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
-        text run at (0,564) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-    RenderBlock {SPAN} at (0,598) size 367x36 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 354x36
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 154: "Nulla varius enim ac mi."
-layer at (13,852) size 750x8
-  RenderBlock (anonymous multi-column) at (5,402) size 750x9
-    RenderBlock {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000]
-layer at (8,881) size 760x457
-  RenderBlock {DIV} at (0,864) size 760x459 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,163) size 750x68 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19) size 750x29 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 276x28
-          text run at (0,0) width 276: "This is a spanning element."
-layer at (13,886) size 750x158
-  RenderBlock (anonymous multi-column) at (5,5) size 750x158
-    RenderBlock {P} at (0,16) size 367x214
-      RenderText {#text} at (0,0) size 362x214
+        text run at (0,322) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
+        text run at (0,340) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
+        text run at (0,358) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
+        text run at (0,376) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,394) width 95: "adipiscing elit. "
+        text run at (95,394) width 259: "Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,412) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
+        text run at (0,430) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
+        text run at (0,448) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,466) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,484) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
+        text run at (0,502) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
+        text run at (0,520) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
+        text run at (0,538) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
+        text run at (0,556) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
+        text run at (0,574) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+    RenderBlock {SPAN} at (0,608) size 367x36 [color=#FFFFFF] [bgcolor=#000000]
+      RenderBlock (anonymous) at (0,0) size 367x36
+        RenderText {#text} at (0,0) size 354x36
+          text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+          text run at (0,18) width 154: "Nulla varius enim ac mi."
+      RenderMultiColumnSpannerPlaceholder at (0,36) size 0x0
+layer at (13,869) size 367x702 backgroundClip at (0,0) size 785x1321 clip at (0,0) size 785x1321 outlineClip at (0,0) size 785x1321
+  RenderMultiColumnFlowThread at (5,5) size 367x702
+    RenderBlock {P} at (0,16) 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"
@@ -126,18 +127,17 @@ layer at (13,886) size 750x158
         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,142) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,160) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,178) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,196) width 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock {SPAN} at (0,246) size 367x36 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 354x36
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 154: "Nulla varius enim ac mi."
-layer at (13,1111) size 750x222
-  RenderBlock (anonymous multi-column) at (5,230) size 750x223
-    RenderBlock {SPAN} at (0,16) size 367x190 [color=#FFFFFF] [bgcolor=#000000]
-      RenderBlock {P} at (0,0) size 367x198
+        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 {SPAN} at (0,230) size 367x250 [color=#FFFFFF] [bgcolor=#000000]
+      RenderBlock (anonymous) at (0,0) size 367x36
+        RenderText {#text} at (0,0) size 354x36
+          text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+          text run at (0,18) width 154: "Nulla varius enim ac mi."
+      RenderMultiColumnSpannerPlaceholder at (0,36) size 0x0
+      RenderBlock {P} at (0,52) 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"
@@ -150,9 +150,7 @@ layer at (13,1111) size 750x222
           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 (anonymous) at (0,206) size 367x0
-        RenderText {#text} at (0,0) size 0x0
-    RenderBlock (anonymous) at (0,222) size 367x198
+    RenderBlock (anonymous) at (0,488) 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"
@@ -165,4 +163,4 @@ layer at (13,1111) size 750x222
         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,436) size 367x0
+    RenderBlock {P} at (0,702) size 367x0