Changeset 176978 in webkit


Ignore:
Timestamp:
Dec 8, 2014, 3:10:53 PM (11 years ago)
Author:
mmaxfield@apple.com
Message:

Inline elements whose parents have small line-height are laid out too low
​https://bugs.webkit.org/show_bug.cgi?id=139375

Reviewed by Dave Hyatt.

Source/WebCore:

This is a port of the Blink patch at
​https://src.chromium.org/viewvc/blink?revision=155253&view=revision.

When laying out inline elements, we try to align leaf children's parents'
baselines across the entire line. However, if you set line-height: 0px on a
span, the entire InlineBox which represents that span will have a height of
0, and therefore be laid out entirely on the baseline. In addition, we will
try to vertically center the leaf text in the span's InlineBox, which means
the leaf text will be vertically centered on the baseline. All the other
major browsers do not have this behavior; instead, they line up the boxes
as you would expect.

This bug led to a rendering problem on the front page of the New York Times.

Here is the ChangeLog from the Blink patch:

Fix baseline position when it is outside the element's box

Specifically, we shouldn't force the baseline to be inside the element. IE
and FF don't do this, and it's incompatible with the CSS spec:

"The baseline of an 'inline-block' is the baseline of its last line box in
the normal flow, unless it has either no in-flow line boxes or if its
'overflow' property has a computed value other than 'visible', in which case
the baseline is the bottom margin edge."
-- ​http://www.w3.org/TR/CSS21/visudet.html#leading

It doesn't have a special case for "baseline is outside of the element's
margin box".

Test: fast/text/small-line-height.html

  • rendering/RenderBlock.cpp:

(WebCore::RenderBlock::baselinePosition):

LayoutTests:

Add fast/text/small-line-height.html for a simple example. In addition, update
existing tests.

  • fast/forms/textfield-overflow-by-value-update-expected.txt:
  • fast/regions/cssom/client-rects-inline-complex.html:
  • fast/regions/overflow/overflow-region-inline-expected.html:
  • fast/text/small-line-height-expected.html: Added.
  • fast/text/small-line-height.html: Added.
  • platform/mac/fast/box-sizing/box-sizing-expected.png:
  • platform/mac/fast/box-sizing/box-sizing-expected.txt:
  • platform/mac/fast/forms/search-vertical-alignment-expected.png:
  • platform/mac/fast/forms/search-vertical-alignment-expected.txt:
  • platform/mac/fast/forms/textfield-overflow-by-value-update-expected.png: Removed.
  • platform/mac/fast/multicol/client-rects-expected.png:
  • platform/mac/fast/multicol/client-rects-expected.txt:
  • platform/mac/fast/multicol/client-rects-spanners-complex-expected.png:
  • platform/mac/fast/multicol/client-rects-spanners-complex-expected.txt:
  • platform/mac/fast/multicol/client-rects-spanners-expected.png:
  • platform/mac/fast/multicol/client-rects-spanners-expected.txt:
  • platform/mac/fast/multicol/layers-split-across-columns-expected.png:
  • platform/mac/fast/multicol/layers-split-across-columns-expected.txt:
  • platform/mac/fast/multicol/newmulticol/client-rects-expected.png:
  • platform/mac/fast/multicol/newmulticol/client-rects-expected.txt:
Location:
trunk
Files:
3 added
1 deleted
22 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r176972 r176978  
     12014-12-08  Myles C. Maxfield  <mmaxfield@apple.com>
     2
     3        Inline elements whose parents have small line-height are laid out too low
     4        https://bugs.webkit.org/show_bug.cgi?id=139375
     5
     6        Reviewed by Dave Hyatt.
     7
     8        Add fast/text/small-line-height.html for a simple example. In addition, update
     9        existing tests.
     10
     11        * fast/forms/textfield-overflow-by-value-update-expected.txt:
     12        * fast/regions/cssom/client-rects-inline-complex.html:
     13        * fast/regions/overflow/overflow-region-inline-expected.html:
     14        * fast/text/small-line-height-expected.html: Added.
     15        * fast/text/small-line-height.html: Added.
     16        * platform/mac/fast/box-sizing/box-sizing-expected.png:
     17        * platform/mac/fast/box-sizing/box-sizing-expected.txt:
     18        * platform/mac/fast/forms/search-vertical-alignment-expected.png:
     19        * platform/mac/fast/forms/search-vertical-alignment-expected.txt:
     20        * platform/mac/fast/forms/textfield-overflow-by-value-update-expected.png: Removed.
     21        * platform/mac/fast/multicol/client-rects-expected.png:
     22        * platform/mac/fast/multicol/client-rects-expected.txt:
     23        * platform/mac/fast/multicol/client-rects-spanners-complex-expected.png:
     24        * platform/mac/fast/multicol/client-rects-spanners-complex-expected.txt:
     25        * platform/mac/fast/multicol/client-rects-spanners-expected.png:
     26        * platform/mac/fast/multicol/client-rects-spanners-expected.txt:
     27        * platform/mac/fast/multicol/layers-split-across-columns-expected.png:
     28        * platform/mac/fast/multicol/layers-split-across-columns-expected.txt:
     29        * platform/mac/fast/multicol/newmulticol/client-rects-expected.png:
     30        * platform/mac/fast/multicol/newmulticol/client-rects-expected.txt:
     31
    1322014-12-08  Mark Lam  <mark.lam@apple.com>
    233

  • trunk/LayoutTests/fast/box-sizing/box-sizing.html

    r21026 r176978  
    1313</head>
    1414<body>
    15 All of the boxes below should be 20x20 and look identical.
     15All of the boxes below should be 20x20 and look identical, except for the rightmost box in the Inline Blocks section, which should look the same but be raised above the other three in that section.
    1616
    1717<h1>Normal Blocks</h1>

  • trunk/LayoutTests/fast/forms/textfield-overflow-by-value-update-expected.txt

    r158550 r176978  
    11layer at (0,0) size 800x600
    22  RenderView at (0,0) size 800x600
    3 layer at (0,0) size 800x34
    4   RenderBlock {HTML} at (0,0) size 800x34
    5     RenderBody {BODY} at (8,8) size 784x18
    6       RenderTextControl {INPUT} at (0,12) size 102x2 [bgcolor=#FFFFFF]
     3layer at (0,0) size 800x52
     4  RenderBlock {HTML} at (0,0) size 800x52
     5    RenderBody {BODY} at (8,8) size 784x36
     6      RenderTextControl {INPUT} at (0,0) size 102x2 [bgcolor=#FFFFFF]
    77      RenderText {#text} at (0,0) size 0x0
    88      RenderText {#text} at (0,0) size 0x0

  • trunk/LayoutTests/fast/regions/cssom/client-rects-inline-complex.html

    r167930 r176978  
    7272            testRunner.dumpAsText();
    7373       
    74         var contentClientRects = [[11, 11, 221, 211, 200, 210], [31, 221, 51, 471, 250, 20]];
     74        var contentClientRects = [[11, 11, 221, 211, 200, 210], [31, 221, 91, 471, 250, 60]];
    7575        var inlineBlockClientRects = [[51, 91, 143, 183, 92, 92]];
    7676        var insideInlineBlockClientRects = [[57, 97, 485, 177, 80, 428]];

  • trunk/LayoutTests/fast/regions/overflow/overflow-region-inline-expected.html

    r170047 r176978  
    3636                padding: 10px;
    3737                width: 700px;
     38                height: 135px;
    3839            }
    3940            .keyword {
    … …  
    5253        <div id="regionContainer">
    5354            <span class="opacity">
    54                 <b>y<i>x <div id="region"></i></b>
     55                <b style="position: relative; left: 0px; top: -101px;">y<i>x </i></b><div id="region">
    5556                    <div id="content">
    5657                        <div>This region has<br/><span class="keyword">display: inline-block</span> and is sitting inside an <span class="keyword">i</span>, inside a <span class="keyword">b</span> with 0.5 opacity and inside a <span class="keyword">span</span>,</div>
    … …  
    5960                        <div class="overflow">Overflow2_1_Overflow2_1_Overflow2_1</div>
    6061                    </div>
    61                 </div>  <b><i>x</i>y</b>
     62                </div>  <b style="position: relative; left: 0px; top: -101px;"><i>x</i>y</b>
    6263            </span>
    6364            <div id="regionInSpan">

  • trunk/LayoutTests/platform/mac-mountainlion/fast/forms/search-vertical-alignment-expected.txt

    r162791 r176978  
    3232        RenderText {#text} at (0,0) size 0x0
    3333      RenderBlock {P} at (0,147) size 784x18
    34         RenderTextControl {INPUT} at (2,2) size 153x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
     34        RenderTextControl {INPUT} at (2,0) size 153x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    3535          RenderFlexibleBox {DIV} at (3,0) size 147x12
    3636            RenderBlock {DIV} at (0,0) size 17x12
    … …  
    3939        RenderText {#text} at (157,0) size 4x18
    4040          text run at (157,0) width 4: " "
    41         RenderTextControl {INPUT} at (163,2) size 123x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
     41        RenderTextControl {INPUT} at (163,0) size 123x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    4242        RenderText {#text} at (0,0) size 0x0
    4343layer at (30,76) size 117x13
    … …  
    5757    RenderText {#text} at (0,0) size 24x13
    5858      text run at (0,0) width 24: "Text"
    59 layer at (30,160) size 117x6 scrollHeight 13
     59layer at (30,158) size 117x6 scrollHeight 13
    6060  RenderBlock {DIV} at (0,0) size 117x6
    6161    RenderText {#text} at (0,0) size 24x13
    6262      text run at (0,0) width 24: "Text"
    63 layer at (174,160) size 117x6 scrollHeight 13
     63layer at (174,158) size 117x6 scrollHeight 13
    6464  RenderBlock {DIV} at (3,3) size 117x6
    6565    RenderText {#text} at (0,0) size 24x13

  • trunk/LayoutTests/platform/mac/fast/box-sizing/box-sizing-expected.txt

    r161884 r176978  
    1 layer at (0,0) size 785x909
     1layer at (0,0) size 785x953
    22  RenderView at (0,0) size 785x600
    3 layer at (0,0) size 785x909
    4   RenderBlock {HTML} at (0,0) size 785x910
    5     RenderBody {BODY} at (8,8) size 769x894
    6       RenderBlock (anonymous) at (0,0) size 769x18
    7         RenderText {#text} at (0,0) size 373x18
    8           text run at (0,0) width 373: "All of the boxes below should be 20x20 and look identical."
    9       RenderBlock {H1} at (0,39) size 769x38
     3layer at (0,0) size 785x953
     4  RenderBlock {HTML} at (0,0) size 785x954
     5    RenderBody {BODY} at (8,8) size 769x938
     6      RenderBlock (anonymous) at (0,0) size 769x36
     7        RenderText {#text} at (0,0) size 733x36
     8          text run at (0,0) width 733: "All of the boxes below should be 20x20 and look identical, except for the rightmost box in the Inline Blocks section,"
     9          text run at (0,18) width 491: "which should look the same but be raised above the other three in that section."
     10      RenderBlock {H1} at (0,57) size 769x38
    1011        RenderText {#text} at (0,0) size 203x37
    1112          text run at (0,0) width 203: "Normal Blocks"
    12       RenderBlock {DIV} at (5,97) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    13       RenderBlock {DIV} at (5,127) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    14       RenderBlock {DIV} at (5,157) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    15       RenderBlock {DIV} at (5,187) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     13      RenderBlock {DIV} at (5,115) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     14      RenderBlock {DIV} at (5,145) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     15      RenderBlock {DIV} at (5,175) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     16      RenderBlock {DIV} at (5,205) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    1617        RenderBR {BR} at (6,6) size 0x18
    1718        RenderBR {BR} at (6,24) size 0x18
    1819        RenderBR {BR} at (6,42) size 0x18
    19       RenderBlock {H1} at (0,229) size 769x38
     20      RenderBlock {H1} at (0,247) size 769x38
    2021        RenderText {#text} at (0,0) size 178x37
    2122          text run at (0,0) width 178: "Inline Blocks"
    22       RenderBlock (anonymous) at (0,287) size 769x41
    23         RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    24         RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    25         RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     23      RenderBlock (anonymous) at (0,305) size 769x67
     24        RenderBlock {DIV} at (5,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     25        RenderBlock {DIV} at (35,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     26        RenderBlock {DIV} at (65,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    2627        RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    2728          RenderBR {BR} at (6,6) size 0x18
    … …  
    2930          RenderBR {BR} at (6,42) size 0x18
    3031        RenderText {#text} at (0,0) size 0x0
    31       RenderBlock {H1} at (0,349) size 769x38
     32      RenderBlock {H1} at (0,393) size 769x38
    3233        RenderText {#text} at (0,0) size 241x37
    3334          text run at (0,0) width 241: "Positioned Blocks"
    34       RenderBlock (anonymous) at (0,407) size 769x19
     35      RenderBlock (anonymous) at (0,451) size 769x19
    3536        RenderBR {BR} at (0,0) size 0x18
    36       RenderBlock {H1} at (0,447) size 769x38
     37      RenderBlock {H1} at (0,491) size 769x38
    3738        RenderText {#text} at (0,0) size 210x37
    3839          text run at (0,0) width 210: "Floating blocks"
    39       RenderBlock (floating) {DIV} at (5,515) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    40       RenderBlock (floating) {DIV} at (35,515) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    41       RenderBlock (floating) {DIV} at (65,515) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    42       RenderBlock (floating) {DIV} at (95,515) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     40      RenderBlock (floating) {DIV} at (5,559) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     41      RenderBlock (floating) {DIV} at (35,559) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     42      RenderBlock (floating) {DIV} at (65,559) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     43      RenderBlock (floating) {DIV} at (95,559) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    4344        RenderBR {BR} at (6,6) size 0x18
    4445        RenderBR {BR} at (6,24) size 0x18
    4546        RenderBR {BR} at (6,42) size 0x18
    46       RenderBlock (anonymous) at (0,505) size 769x41
     47      RenderBlock (anonymous) at (0,549) size 769x41
    4748        RenderBR {BR} at (120,0) size 0x18
    48       RenderBlock {H1} at (0,566) size 769x38
     49      RenderBlock {H1} at (0,610) size 769x38
    4950        RenderText {#text} at (0,0) size 210x37
    5051          text run at (0,0) width 210: "Normal Images"
    51       RenderBlock (anonymous) at (0,625) size 769x41
     52      RenderBlock (anonymous) at (0,669) size 769x41
    5253        RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    5354        RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    … …  
    5556        RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    5657        RenderText {#text} at (0,0) size 0x0
    57       RenderBlock {H1} at (0,686) size 769x38
     58      RenderBlock {H1} at (0,730) size 769x38
    5859        RenderText {#text} at (0,0) size 248x37
    5960          text run at (0,0) width 248: "Positioned Images"
    60       RenderBlock (anonymous) at (0,745) size 769x19
     61      RenderBlock (anonymous) at (0,789) size 769x19
    6162        RenderBR {BR} at (0,0) size 0x18
    62       RenderBlock {H1} at (0,784) size 769x38
     63      RenderBlock {H1} at (0,828) size 769x38
    6364        RenderText {#text} at (0,0) size 220x37
    6465          text run at (0,0) width 220: "Floating Images"
    65       RenderImage {IMG} at (5,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    66       RenderImage {IMG} at (35,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    67       RenderImage {IMG} at (65,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    68       RenderImage {IMG} at (95,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    69       RenderBlock (anonymous) at (0,843) size 769x41
     66      RenderImage {IMG} at (5,897) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     67      RenderImage {IMG} at (35,897) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     68      RenderImage {IMG} at (65,897) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     69      RenderImage {IMG} at (95,897) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     70      RenderBlock (anonymous) at (0,887) size 769x41
    7071        RenderBR {BR} at (120,0) size 0x18
    71       RenderBlock {HR} at (0,891) size 769x3 [border: (1px inset #000000)]
    72 layer at (13,426) size 20x20
    73   RenderBlock (positioned) {DIV} at (13,425) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    74 layer at (43,426) size 20x20
    75   RenderBlock (positioned) {DIV} at (43,425) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    76 layer at (73,426) size 20x20
    77   RenderBlock (positioned) {DIV} at (73,425) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    78 layer at (103,426) size 20x20
    79   RenderBlock (positioned) {DIV} at (103,425) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     72      RenderBlock {HR} at (0,935) size 769x3 [border: (1px inset #000000)]
     73layer at (13,470) size 20x20
     74  RenderBlock (positioned) {DIV} at (13,469) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     75layer at (43,470) size 20x20
     76  RenderBlock (positioned) {DIV} at (43,469) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     77layer at (73,470) size 20x20
     78  RenderBlock (positioned) {DIV} at (73,469) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     79layer at (103,470) size 20x20
     80  RenderBlock (positioned) {DIV} at (103,469) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    8081    RenderBR {BR} at (6,6) size 0x18
    8182    RenderBR {BR} at (6,24) size 0x18
    8283    RenderBR {BR} at (6,42) size 0x18
    83 layer at (13,763) size 20x20
    84   RenderImage {IMG} at (13,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    85 layer at (43,763) size 20x20
    86   RenderImage {IMG} at (43,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    87 layer at (73,763) size 20x20
    88   RenderImage {IMG} at (73,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
    89 layer at (103,763) size 20x20
    90   RenderImage {IMG} at (103,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     84layer at (13,807) size 20x20
     85  RenderImage {IMG} at (13,807) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     86layer at (43,807) size 20x20
     87  RenderImage {IMG} at (43,807) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     88layer at (73,807) size 20x20
     89  RenderImage {IMG} at (73,807) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
     90layer at (103,807) size 20x20
     91  RenderImage {IMG} at (103,807) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]

  • trunk/LayoutTests/platform/mac/fast/forms/search-vertical-alignment-expected.txt

    r174585 r176978  
    3232        RenderText {#text} at (0,0) size 0x0
    3333      RenderBlock {P} at (0,147) size 784x18
    34         RenderTextControl {INPUT} at (2,2) size 167x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
     34        RenderTextControl {INPUT} at (2,0) size 167x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    3535          RenderFlexibleBox {DIV} at (3,0) size 161x12
    3636            RenderBlock {DIV} at (0,0) size 17x12
    … …  
    3939        RenderText {#text} at (170,0) size 5x18
    4040          text run at (170,0) width 5: " "
    41         RenderTextControl {INPUT} at (176,2) size 137x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
     41        RenderTextControl {INPUT} at (176,0) size 137x12 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
    4242        RenderText {#text} at (0,0) size 0x0
    4343layer at (30,76) size 130x13
    … …  
    5757    RenderText {#text} at (0,0) size 23x13
    5858      text run at (0,0) width 23: "Text"
    59 layer at (30,160) size 130x6 scrollHeight 13
     59layer at (30,158) size 130x6 scrollHeight 13
    6060  RenderBlock {DIV} at (0,0) size 131x6
    6161    RenderText {#text} at (0,0) size 23x13
    6262      text run at (0,0) width 23: "Text"
    63 layer at (187,160) size 130x6 scrollHeight 13
     63layer at (187,158) size 130x6 scrollHeight 13
    6464  RenderBlock {DIV} at (3,3) size 131x6
    6565    RenderText {#text} at (0,0) size 23x13

  • trunk/LayoutTests/platform/mac/fast/multicol/client-rects-expected.txt

    r168575 r176978  
    1818        RenderText {#text} at (743,11) size 4x18
    1919          text run at (743,11) width 4: "."
    20       RenderBlock (anonymous) at (0,45) size 784x330
    21         RenderText {#text} at (116,72) size 4x18
    22           text run at (116,72) width 4: " "
    23         RenderText {#text} at (236,72) size 4x18
    24           text run at (236,72) width 4: " "
    25         RenderText {#text} at (356,72) size 4x18
    26           text run at (356,72) width 4: " "
    27         RenderText {#text} at (476,72) size 4x18
    28           text run at (476,72) width 4: " "
    29         RenderText {#text} at (596,72) size 4x18
    30           text run at (596,72) width 4: " "
    31         RenderText {#text} at (716,72) size 4x18
    32           text run at (716,72) width 4: " "
    33         RenderText {#text} at (116,192) size 4x18
    34           text run at (116,192) width 4: " "
    35         RenderText {#text} at (206,192) size 4x18
    36           text run at (206,192) width 4: " "
    37         RenderText {#text} at (296,192) size 4x18
    38           text run at (296,192) width 4: " "
    39         RenderText {#text} at (386,192) size 4x18
    40           text run at (386,192) width 4: " "
    41         RenderText {#text} at (476,192) size 4x18
    42           text run at (476,192) width 4: " "
    43         RenderText {#text} at (566,192) size 4x18
    44           text run at (566,192) width 4: " "
    45         RenderText {#text} at (656,192) size 4x18
    46           text run at (656,192) width 4: " "
     20      RenderBlock (anonymous) at (0,45) size 784x357
     21        RenderText {#text} at (116,99) size 4x18
     22          text run at (116,99) width 4: " "
     23        RenderText {#text} at (236,99) size 4x18
     24          text run at (236,99) width 4: " "
     25        RenderText {#text} at (356,99) size 4x18
     26          text run at (356,99) width 4: " "
     27        RenderText {#text} at (476,99) size 4x18
     28          text run at (476,99) width 4: " "
     29        RenderText {#text} at (596,99) size 4x18
     30          text run at (596,99) width 4: " "
     31        RenderText {#text} at (716,99) size 4x18
     32          text run at (716,99) width 4: " "
     33        RenderText {#text} at (116,219) size 4x18
     34          text run at (116,219) width 4: " "
     35        RenderText {#text} at (206,219) size 4x18
     36          text run at (206,219) width 4: " "
     37        RenderText {#text} at (296,219) size 4x18
     38          text run at (296,219) width 4: " "
     39        RenderText {#text} at (386,219) size 4x18
     40          text run at (386,219) width 4: " "
     41        RenderText {#text} at (476,219) size 4x18
     42          text run at (476,219) width 4: " "
     43        RenderText {#text} at (566,219) size 4x18
     44          text run at (566,219) width 4: " "
     45        RenderText {#text} at (656,219) size 4x18
     46          text run at (656,219) width 4: " "
    4747        RenderText {#text} at (0,0) size 0x0
    48         RenderText {#text} at (86,312) size 4x18
    49           text run at (86,312) width 4: " "
    50         RenderText {#text} at (176,312) size 4x18
    51           text run at (176,312) width 4: " "
    52         RenderText {#text} at (266,312) size 4x18
    53           text run at (266,312) width 4: " "
    54         RenderText {#text} at (356,312) size 4x18
    55           text run at (356,312) width 4: " "
    56         RenderText {#text} at (446,312) size 4x18
    57           text run at (446,312) width 4: " "
    58         RenderText {#text} at (536,312) size 4x18
    59           text run at (536,312) width 4: " "
     48        RenderText {#text} at (86,339) size 4x18
     49          text run at (86,339) width 4: " "
     50        RenderText {#text} at (176,339) size 4x18
     51          text run at (176,339) width 4: " "
     52        RenderText {#text} at (266,339) size 4x18
     53          text run at (266,339) width 4: " "
     54        RenderText {#text} at (356,339) size 4x18
     55          text run at (356,339) width 4: " "
     56        RenderText {#text} at (446,339) size 4x18
     57          text run at (446,339) width 4: " "
     58        RenderText {#text} at (536,339) size 4x18
     59          text run at (536,339) width 4: " "
    6060        RenderText {#text} at (0,0) size 0x0
    6161layer at (8,63) size 116x66
    … …  
    105105        text run at (0,25) width 25: "y"
    106106        text run at (0,50) width 25: "z"
    107 layer at (488,63) size 116x66
    108   RenderBlock {DIV} at (480,10) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
    109     RenderMultiColumnSet at (8,8) size 100x50
    110 layer at (496,71) size 48x79
     107layer at (488,81) size 116x66
     108  RenderBlock {DIV} at (480,28) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
     109    RenderMultiColumnSet at (8,8) size 100x50
     110layer at (496,89) size 48x79
    111111  RenderMultiColumnFlowThread at (8,8) size 48x79
    112112    RenderBlock (anonymous) at (0,0) size 48x25
    … …  
    118118          RenderBlock {DIV} at (0,12) size 25x0
    119119            RenderBlock {DIV} at (0,0) size 25x0
    120 layer at (608,63) size 116x66
    121   RenderBlock {DIV} at (600,10) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
    122     RenderMultiColumnSet at (8,8) size 100x50
    123 layer at (616,71) size 48x75
     120layer at (608,83) size 116x66
     121  RenderBlock {DIV} at (600,30) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
     122    RenderMultiColumnSet at (8,8) size 100x50
     123layer at (616,91) size 48x75
    124124  RenderMultiColumnFlowThread at (8,8) size 48x75
    125125    RenderBlock (anonymous) at (0,0) size 48x25
    … …  
    128128      RenderBR {BR} at (0,0) size 0x25
    129129      RenderImage {IMG} at (0,25) size 25x25 [bgcolor=#ADD8E6]
    130 layer at (8,183) size 116x66
    131   RenderBlock {DIV} at (0,130) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
    132     RenderMultiColumnSet at (8,8) size 100x50
    133 layer at (16,191) size 48x65
     130layer at (8,210) size 116x66
     131  RenderBlock {DIV} at (0,157) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
     132    RenderMultiColumnSet at (8,8) size 100x50
     133layer at (16,218) size 48x65
    134134  RenderMultiColumnFlowThread at (8,8) size 48x65
    135135    RenderBlock {DIV} at (0,40) size 25x25 [bgcolor=#ADD8E6]
    136 layer at (138,143) size 66x116
    137   RenderBlock {DIV} at (130,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    138     RenderMultiColumnSet at (8,8) size 50x100
    139 layer at (146,151) size 100x48
     136layer at (138,170) size 66x116
     137  RenderBlock {DIV} at (130,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     138    RenderMultiColumnSet at (8,8) size 50x100
     139layer at (146,178) size 100x48
    140140  RenderMultiColumnFlowThread at (8,8) size 100x48
    141141    RenderBR {BR} at (0,0) size 25x0
    … …  
    144144      text run at (50,0) width 25: "y"
    145145      text run at (75,0) width 25: "z"
    146 layer at (228,143) size 66x116
    147   RenderBlock {DIV} at (220,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    148     RenderMultiColumnSet at (8,8) size 50x100
    149 layer at (236,151) size 100x48
     146layer at (228,170) size 66x116
     147  RenderBlock {DIV} at (220,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     148    RenderMultiColumnSet at (8,8) size 50x100
     149layer at (236,178) size 100x48
    150150  RenderMultiColumnFlowThread at (8,8) size 100x48
    151151    RenderBR {BR} at (0,0) size 25x0
    … …  
    156156        text run at (75,0) width 25: "z"
    157157    RenderText {#text} at (0,0) size 0x0
    158 layer at (318,143) size 66x116
    159   RenderBlock {DIV} at (310,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    160     RenderMultiColumnSet at (8,8) size 50x100
    161 layer at (326,151) size 100x48
     158layer at (318,170) size 66x116
     159  RenderBlock {DIV} at (310,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     160    RenderMultiColumnSet at (8,8) size 50x100
     161layer at (326,178) size 100x48
    162162  RenderMultiColumnFlowThread at (8,8) size 100x48
    163163    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    168168        text run at (25,0) width 25: "y"
    169169        text run at (50,0) width 25: "z"
    170 layer at (408,143) size 66x116
    171   RenderBlock {DIV} at (400,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    172     RenderMultiColumnSet at (8,8) size 50x100
    173 layer at (416,151) size 100x48
     170layer at (408,170) size 66x116
     171  RenderBlock {DIV} at (400,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     172    RenderMultiColumnSet at (8,8) size 50x100
     173layer at (416,178) size 100x48
    174174  RenderMultiColumnFlowThread at (8,8) size 100x48
    175175    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    180180        text run at (25,0) width 25: "y"
    181181        text run at (50,0) width 25: "z"
    182 layer at (498,143) size 66x116
    183   RenderBlock {DIV} at (490,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    184     RenderMultiColumnSet at (8,8) size 50x100
    185 layer at (506,151) size 79x48
     182layer at (498,170) size 66x116
     183  RenderBlock {DIV} at (490,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     184    RenderMultiColumnSet at (8,8) size 50x100
     185layer at (506,178) size 79x48
    186186  RenderMultiColumnFlowThread at (8,8) size 79x48
    187187    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    193193          RenderBlock {DIV} at (0,12) size 25x0
    194194            RenderBlock {DIV} at (0,0) size 25x0
    195 layer at (588,143) size 66x116
    196   RenderBlock {DIV} at (580,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    197     RenderMultiColumnSet at (8,8) size 50x100
    198 layer at (596,151) size 75x48
     195layer at (588,170) size 66x116
     196  RenderBlock {DIV} at (580,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     197    RenderMultiColumnSet at (8,8) size 50x100
     198layer at (596,178) size 75x48
    199199  RenderMultiColumnFlowThread at (8,8) size 75x48
    200200    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    203203      RenderBR {BR} at (0,0) size 25x0
    204204      RenderImage {IMG} at (25,0) size 25x25 [bgcolor=#ADD8E6]
    205 layer at (678,143) size 66x116
    206   RenderBlock {DIV} at (670,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    207     RenderMultiColumnSet at (8,8) size 50x100
    208 layer at (686,151) size 65x48
     205layer at (678,170) size 66x116
     206  RenderBlock {DIV} at (670,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     207    RenderMultiColumnSet at (8,8) size 50x100
     208layer at (686,178) size 65x48
    209209  RenderMultiColumnFlowThread at (8,8) size 65x48
    210210    RenderBlock {DIV} at (40,0) size 25x25 [bgcolor=#ADD8E6]
    211 layer at (18,263) size 66x116
    212   RenderBlock {DIV} at (10,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    213     RenderMultiColumnSet at (8,8) size 50x100
    214 layer at (-24,271) size 100x48 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
     211layer at (18,290) size 66x116
     212  RenderBlock {DIV} at (10,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     213    RenderMultiColumnSet at (8,8) size 50x100
     214layer at (-24,298) size 100x48 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
    215215  RenderMultiColumnFlowThread at (8,8) size 100x48
    216216    RenderBR {BR} at (0,0) size 25x0
    … …  
    219219      text run at (50,0) width 25: "y"
    220220      text run at (75,0) width 25: "z"
    221 layer at (108,263) size 66x116
    222   RenderBlock {DIV} at (100,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    223     RenderMultiColumnSet at (8,8) size 50x100
    224 layer at (66,271) size 100x48
     221layer at (108,290) size 66x116
     222  RenderBlock {DIV} at (100,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     223    RenderMultiColumnSet at (8,8) size 50x100
     224layer at (66,298) size 100x48
    225225  RenderMultiColumnFlowThread at (8,8) size 100x48
    226226    RenderBR {BR} at (0,0) size 25x0
    … …  
    231231        text run at (75,0) width 25: "z"
    232232    RenderText {#text} at (0,0) size 0x0
    233 layer at (198,263) size 66x116
    234   RenderBlock {DIV} at (190,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    235     RenderMultiColumnSet at (8,8) size 50x100
    236 layer at (156,271) size 100x48
     233layer at (198,290) size 66x116
     234  RenderBlock {DIV} at (190,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     235    RenderMultiColumnSet at (8,8) size 50x100
     236layer at (156,298) size 100x48
    237237  RenderMultiColumnFlowThread at (8,8) size 100x48
    238238    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    243243        text run at (25,0) width 25: "y"
    244244        text run at (50,0) width 25: "z"
    245 layer at (288,263) size 66x116
    246   RenderBlock {DIV} at (280,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    247     RenderMultiColumnSet at (8,8) size 50x100
    248 layer at (246,271) size 100x48
     245layer at (288,290) size 66x116
     246  RenderBlock {DIV} at (280,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     247    RenderMultiColumnSet at (8,8) size 50x100
     248layer at (246,298) size 100x48
    249249  RenderMultiColumnFlowThread at (8,8) size 100x48
    250250    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    255255        text run at (25,0) width 25: "y"
    256256        text run at (50,0) width 25: "z"
    257 layer at (378,263) size 66x116
    258   RenderBlock {DIV} at (370,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    259     RenderMultiColumnSet at (8,8) size 50x100
    260 layer at (357,271) size 79x48
     257layer at (378,290) size 66x116
     258  RenderBlock {DIV} at (370,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     259    RenderMultiColumnSet at (8,8) size 50x100
     260layer at (357,298) size 79x48
    261261  RenderMultiColumnFlowThread at (8,8) size 79x48
    262262    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    268268          RenderBlock {DIV} at (0,12) size 25x0
    269269            RenderBlock {DIV} at (0,0) size 25x0
    270 layer at (468,263) size 66x116
    271   RenderBlock {DIV} at (460,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    272     RenderMultiColumnSet at (8,8) size 50x100
    273 layer at (451,271) size 75x48
     270layer at (468,290) size 66x116
     271  RenderBlock {DIV} at (460,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     272    RenderMultiColumnSet at (8,8) size 50x100
     273layer at (451,298) size 75x48
    274274  RenderMultiColumnFlowThread at (8,8) size 75x48
    275275    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    278278      RenderBR {BR} at (0,0) size 25x0
    279279      RenderImage {IMG} at (25,0) size 25x25 [bgcolor=#ADD8E6]
    280 layer at (558,263) size 66x116
    281   RenderBlock {DIV} at (550,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    282     RenderMultiColumnSet at (8,8) size 50x100
    283 layer at (551,271) size 65x48
     280layer at (558,290) size 66x116
     281  RenderBlock {DIV} at (550,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     282    RenderMultiColumnSet at (8,8) size 50x100
     283layer at (551,298) size 65x48
    284284  RenderMultiColumnFlowThread at (8,8) size 65x48
    285285    RenderBlock {DIV} at (40,0) size 25x25 [bgcolor=#ADD8E6]
    … …  
    306306layer at (428,96) size 26x25
    307307  RenderBlock (positioned) {DIV} at (428,96) size 26x25 [border: (3px solid #0000FF7F)]
    308 layer at (550,73) size 26x25
    309   RenderBlock (positioned) {DIV} at (550,73) size 26x25 [border: (3px solid #0000FF7F)]
    310 layer at (668,71) size 26x25
    311   RenderBlock (positioned) {DIV} at (668,71) size 26x25 [border: (3px solid #0000FF7F)]
    312 layer at (68,181) size 26x25
    313   RenderBlock (positioned) {DIV} at (68,181) size 26x25 [border: (3px solid #0000FF7F)]
    314 layer at (171,151) size 25x25
    315   RenderBlock (positioned) {DIV} at (171,151) size 25x25 [border: (3px solid #0000FF7F)]
    316 layer at (146,203) size 25x26
    317   RenderBlock (positioned) {DIV} at (146,203) size 25x26 [border: (3px solid #0000FF7F)]
    318 layer at (171,203) size 25x26
    319   RenderBlock (positioned) {DIV} at (171,203) size 25x26 [border: (3px solid #0000FF7F)]
    320 layer at (261,151) size 25x25
    321   RenderBlock (positioned) {DIV} at (261,151) size 25x25 [border: (3px solid #0000FF7F)]
    322 layer at (236,203) size 25x26
    323   RenderBlock (positioned) {DIV} at (236,203) size 25x26 [border: (3px solid #0000FF7F)]
    324 layer at (261,203) size 25x26
    325   RenderBlock (positioned) {DIV} at (261,203) size 25x26 [border: (3px solid #0000FF7F)]
    326 layer at (351,151) size 25x25
    327   RenderBlock (positioned) {DIV} at (351,151) size 25x25 [border: (3px solid #0000FF7F)]
    328 layer at (326,203) size 25x26
    329   RenderBlock (positioned) {DIV} at (326,203) size 25x26 [border: (3px solid #0000FF7F)]
    330 layer at (351,203) size 25x26
    331   RenderBlock (positioned) {DIV} at (351,203) size 25x26 [border: (3px solid #0000FF7F)]
    332 layer at (416,203) size 25x26
    333   RenderBlock (positioned) {DIV} at (416,203) size 25x26 [border: (3px solid #0000FF7F)]
    334 layer at (441,203) size 25x26
    335   RenderBlock (positioned) {DIV} at (441,203) size 25x26 [border: (3px solid #0000FF7F)]
    336 layer at (508,205) size 25x26
    337   RenderBlock (positioned) {DIV} at (508,205) size 25x26 [border: (3px solid #0000FF7F)]
    338 layer at (596,203) size 25x26
    339   RenderBlock (positioned) {DIV} at (596,203) size 25x26 [border: (3px solid #0000FF7F)]
    340 layer at (676,203) size 25x26
    341   RenderBlock (positioned) {DIV} at (676,203) size 25x26 [border: (3px solid #0000FF7F)]
    342 layer at (26,271) size 25x25
    343   RenderBlock (positioned) {DIV} at (26,271) size 25x25 [border: (3px solid #0000FF7F)]
    344 layer at (51,323) size 25x26
    345   RenderBlock (positioned) {DIV} at (51,323) size 25x26 [border: (3px solid #0000FF7F)]
    346 layer at (26,323) size 25x26
    347   RenderBlock (positioned) {DIV} at (26,323) size 25x26 [border: (3px solid #0000FF7F)]
    348 layer at (116,271) size 25x25
    349   RenderBlock (positioned) {DIV} at (116,271) size 25x25 [border: (3px solid #0000FF7F)]
    350 layer at (141,323) size 25x26
    351   RenderBlock (positioned) {DIV} at (141,323) size 25x26 [border: (3px solid #0000FF7F)]
    352 layer at (116,323) size 25x26
    353   RenderBlock (positioned) {DIV} at (116,323) size 25x26 [border: (3px solid #0000FF7F)]
    354 layer at (206,271) size 25x25
    355   RenderBlock (positioned) {DIV} at (206,271) size 25x25 [border: (3px solid #0000FF7F)]
    356 layer at (231,323) size 25x26
    357   RenderBlock (positioned) {DIV} at (231,323) size 25x26 [border: (3px solid #0000FF7F)]
    358 layer at (206,323) size 25x26
    359   RenderBlock (positioned) {DIV} at (206,323) size 25x26 [border: (3px solid #0000FF7F)]
    360 layer at (321,323) size 25x26
    361   RenderBlock (positioned) {DIV} at (321,323) size 25x26 [border: (3px solid #0000FF7F)]
    362 layer at (296,323) size 25x26
    363   RenderBlock (positioned) {DIV} at (296,323) size 25x26 [border: (3px solid #0000FF7F)]
    364 layer at (409,325) size 25x26
    365   RenderBlock (positioned) {DIV} at (409,325) size 25x26 [border: (3px solid #0000FF7F)]
    366 layer at (501,323) size 25x26
    367   RenderBlock (positioned) {DIV} at (501,323) size 25x26 [border: (3px solid #0000FF7F)]
    368 layer at (601,323) size 25x26
    369   RenderBlock (positioned) {DIV} at (601,323) size 25x26 [border: (3px solid #0000FF7F)]
     308layer at (550,91) size 26x25
     309  RenderBlock (positioned) {DIV} at (550,91) size 26x25 [border: (3px solid #0000FF7F)]
     310layer at (668,91) size 26x25
     311  RenderBlock (positioned) {DIV} at (668,91) size 26x25 [border: (3px solid #0000FF7F)]
     312layer at (68,208) size 26x25
     313  RenderBlock (positioned) {DIV} at (68,208) size 26x25 [border: (3px solid #0000FF7F)]
     314layer at (171,178) size 25x25
     315  RenderBlock (positioned) {DIV} at (171,178) size 25x25 [border: (3px solid #0000FF7F)]
     316layer at (146,230) size 25x26
     317  RenderBlock (positioned) {DIV} at (146,230) size 25x26 [border: (3px solid #0000FF7F)]
     318layer at (171,230) size 25x26
     319  RenderBlock (positioned) {DIV} at (171,230) size 25x26 [border: (3px solid #0000FF7F)]
     320layer at (261,178) size 25x25
     321  RenderBlock (positioned) {DIV} at (261,178) size 25x25 [border: (3px solid #0000FF7F)]
     322layer at (236,230) size 25x26
     323  RenderBlock (positioned) {DIV} at (236,230) size 25x26 [border: (3px solid #0000FF7F)]
     324layer at (261,230) size 25x26
     325  RenderBlock (positioned) {DIV} at (261,230) size 25x26 [border: (3px solid #0000FF7F)]
     326layer at (351,178) size 25x25
     327  RenderBlock (positioned) {DIV} at (351,178) size 25x25 [border: (3px solid #0000FF7F)]
     328layer at (326,230) size 25x26
     329  RenderBlock (positioned) {DIV} at (326,230) size 25x26 [border: (3px solid #0000FF7F)]
     330layer at (351,230) size 25x26
     331  RenderBlock (positioned) {DIV} at (351,230) size 25x26 [border: (3px solid #0000FF7F)]
     332layer at (416,230) size 25x26
     333  RenderBlock (positioned) {DIV} at (416,230) size 25x26 [border: (3px solid #0000FF7F)]
     334layer at (441,230) size 25x26
     335  RenderBlock (positioned) {DIV} at (441,230) size 25x26 [border: (3px solid #0000FF7F)]
     336layer at (508,232) size 25x26
     337  RenderBlock (positioned) {DIV} at (508,232) size 25x26 [border: (3px solid #0000FF7F)]
     338layer at (596,230) size 25x26
     339  RenderBlock (positioned) {DIV} at (596,230) size 25x26 [border: (3px solid #0000FF7F)]
     340layer at (676,230) size 25x26
     341  RenderBlock (positioned) {DIV} at (676,230) size 25x26 [border: (3px solid #0000FF7F)]
     342layer at (26,298) size 25x25
     343  RenderBlock (positioned) {DIV} at (26,298) size 25x25 [border: (3px solid #0000FF7F)]
     344layer at (51,350) size 25x26
     345  RenderBlock (positioned) {DIV} at (51,350) size 25x26 [border: (3px solid #0000FF7F)]
     346layer at (26,350) size 25x26
     347  RenderBlock (positioned) {DIV} at (26,350) size 25x26 [border: (3px solid #0000FF7F)]
     348layer at (116,298) size 25x25
     349  RenderBlock (positioned) {DIV} at (116,298) size 25x25 [border: (3px solid #0000FF7F)]
     350layer at (141,350) size 25x26
     351  RenderBlock (positioned) {DIV} at (141,350) size 25x26 [border: (3px solid #0000FF7F)]
     352layer at (116,350) size 25x26
     353  RenderBlock (positioned) {DIV} at (116,350) size 25x26 [border: (3px solid #0000FF7F)]
     354layer at (206,298) size 25x25
     355  RenderBlock (positioned) {DIV} at (206,298) size 25x25 [border: (3px solid #0000FF7F)]
     356layer at (231,350) size 25x26
     357  RenderBlock (positioned) {DIV} at (231,350) size 25x26 [border: (3px solid #0000FF7F)]
     358layer at (206,350) size 25x26
     359  RenderBlock (positioned) {DIV} at (206,350) size 25x26 [border: (3px solid #0000FF7F)]
     360layer at (321,350) size 25x26
     361  RenderBlock (positioned) {DIV} at (321,350) size 25x26 [border: (3px solid #0000FF7F)]
     362layer at (296,350) size 25x26
     363  RenderBlock (positioned) {DIV} at (296,350) size 25x26 [border: (3px solid #0000FF7F)]
     364layer at (409,352) size 25x26
     365  RenderBlock (positioned) {DIV} at (409,352) size 25x26 [border: (3px solid #0000FF7F)]
     366layer at (501,350) size 25x26
     367  RenderBlock (positioned) {DIV} at (501,350) size 25x26 [border: (3px solid #0000FF7F)]
     368layer at (601,350) size 25x26
     369  RenderBlock (positioned) {DIV} at (601,350) size 25x26 [border: (3px solid #0000FF7F)]

  • trunk/LayoutTests/platform/mac/fast/multicol/client-rects-spanners-complex-expected.txt

    r168575 r176978  
    1818        RenderText {#text} at (743,11) size 4x18
    1919          text run at (743,11) width 4: "."
    20       RenderBlock (anonymous) at (0,45) size 784x514
    21         RenderText {#text} at (116,112) size 4x18
    22           text run at (116,112) width 4: " "
    23         RenderText {#text} at (236,112) size 4x18
    24           text run at (236,112) width 4: " "
    25         RenderText {#text} at (356,112) size 4x18
    26           text run at (356,112) width 4: " "
    27         RenderText {#text} at (476,112) size 4x18
    28           text run at (476,112) width 4: " "
    29         RenderText {#text} at (596,112) size 4x18
    30           text run at (596,112) width 4: " "
    31         RenderText {#text} at (716,112) size 4x18
    32           text run at (716,112) width 4: " "
    33         RenderText {#text} at (116,256) size 4x18
    34           text run at (116,256) width 4: " "
    35         RenderText {#text} at (246,256) size 4x18
    36           text run at (246,256) width 4: " "
    37         RenderText {#text} at (376,256) size 4x18
    38           text run at (376,256) width 4: " "
    39         RenderText {#text} at (506,256) size 4x18
    40           text run at (506,256) width 4: " "
    41         RenderText {#text} at (636,256) size 4x18
    42           text run at (636,256) width 4: " "
     20      RenderBlock (anonymous) at (0,45) size 784x516
     21        RenderText {#text} at (116,114) size 4x18
     22          text run at (116,114) width 4: " "
     23        RenderText {#text} at (236,114) size 4x18
     24          text run at (236,114) width 4: " "
     25        RenderText {#text} at (356,114) size 4x18
     26          text run at (356,114) width 4: " "
     27        RenderText {#text} at (476,114) size 4x18
     28          text run at (476,114) width 4: " "
     29        RenderText {#text} at (596,114) size 4x18
     30          text run at (596,114) width 4: " "
     31        RenderText {#text} at (716,114) size 4x18
     32          text run at (716,114) width 4: " "
     33        RenderText {#text} at (116,258) size 4x18
     34          text run at (116,258) width 4: " "
     35        RenderText {#text} at (246,258) size 4x18
     36          text run at (246,258) width 4: " "
     37        RenderText {#text} at (376,258) size 4x18
     38          text run at (376,258) width 4: " "
     39        RenderText {#text} at (506,258) size 4x18
     40          text run at (506,258) width 4: " "
     41        RenderText {#text} at (636,258) size 4x18
     42          text run at (636,258) width 4: " "
    4343        RenderText {#text} at (0,0) size 0x0
    44         RenderText {#text} at (126,376) size 4x18
    45           text run at (126,376) width 4: " "
    46         RenderText {#text} at (256,376) size 4x18
    47           text run at (256,376) width 4: " "
    48         RenderText {#text} at (386,376) size 4x18
    49           text run at (386,376) width 4: " "
    50         RenderText {#text} at (516,376) size 4x18
    51           text run at (516,376) width 4: " "
    52         RenderText {#text} at (646,376) size 4x18
    53           text run at (646,376) width 4: " "
     44        RenderText {#text} at (126,378) size 4x18
     45          text run at (126,378) width 4: " "
     46        RenderText {#text} at (256,378) size 4x18
     47          text run at (256,378) width 4: " "
     48        RenderText {#text} at (386,378) size 4x18
     49          text run at (386,378) width 4: " "
     50        RenderText {#text} at (516,378) size 4x18
     51          text run at (516,378) width 4: " "
     52        RenderText {#text} at (646,378) size 4x18
     53          text run at (646,378) width 4: " "
    5454        RenderText {#text} at (0,0) size 0x0
    55         RenderText {#text} at (126,496) size 4x18
    56           text run at (126,496) width 4: " "
    57         RenderText {#text} at (256,496) size 4x18
    58           text run at (256,496) width 4: " "
     55        RenderText {#text} at (126,498) size 4x18
     56          text run at (126,498) width 4: " "
     57        RenderText {#text} at (256,498) size 4x18
     58          text run at (256,498) width 4: " "
    5959        RenderText {#text} at (0,0) size 0x0
    6060layer at (8,63) size 116x106
    … …  
    122122        text run at (0,30) width 25: "y"
    123123        text run at (0,55) width 25: "z"
    124 layer at (488,63) size 116x106
    125   RenderBlock {DIV} at (480,10) size 116x106 [color=#ADD8E6] [border: (3px solid #000000)]
    126     RenderMultiColumnSet at (8,8) size 100x5
    127     RenderBlock {DIV} at (8,13) size 100x30 [bgcolor=#C0C0C0]
    128     RenderMultiColumnSet at (8,43) size 100x55
    129 layer at (496,71) size 48x94
     124layer at (488,81) size 116x106
     125  RenderBlock {DIV} at (480,28) size 116x106 [color=#ADD8E6] [border: (3px solid #000000)]
     126    RenderMultiColumnSet at (8,8) size 100x5
     127    RenderBlock {DIV} at (8,13) size 100x30 [bgcolor=#C0C0C0]
     128    RenderMultiColumnSet at (8,43) size 100x55
     129layer at (496,89) size 48x94
    130130  RenderMultiColumnFlowThread at (8,8) size 48x94
    131131    RenderBlock {DIV} at (0,0) size 48x10 [bgcolor=#000080]
    … …  
    139139          RenderBlock {DIV} at (0,12) size 25x0
    140140            RenderBlock {DIV} at (0,0) size 25x0
    141 layer at (608,81) size 116x106
    142   RenderBlock {DIV} at (600,28) size 116x106 [color=#ADD8E6] [border: (3px solid #000000)]
    143     RenderMultiColumnSet at (8,8) size 100x5
    144     RenderBlock {DIV} at (8,13) size 100x30 [bgcolor=#C0C0C0]
    145     RenderMultiColumnSet at (8,43) size 100x55
    146 layer at (616,89) size 48x90
     141layer at (608,83) size 116x106
     142  RenderBlock {DIV} at (600,30) size 116x106 [color=#ADD8E6] [border: (3px solid #000000)]
     143    RenderMultiColumnSet at (8,8) size 100x5
     144    RenderBlock {DIV} at (8,13) size 100x30 [bgcolor=#C0C0C0]
     145    RenderMultiColumnSet at (8,43) size 100x55
     146layer at (616,91) size 48x90
    147147  RenderMultiColumnFlowThread at (8,8) size 48x90
    148148    RenderBlock {DIV} at (0,0) size 48x10 [bgcolor=#000080]
    … …  
    153153      RenderBR {BR} at (0,0) size 0x25
    154154      RenderImage {IMG} at (0,30) size 25x25 [bgcolor=#ADD8E6]
    155 layer at (8,207) size 116x106
    156   RenderBlock {DIV} at (0,154) size 116x106 [color=#ADD8E6] [border: (3px solid #000000)]
    157     RenderMultiColumnSet at (8,8) size 100x5
    158     RenderBlock {DIV} at (8,13) size 100x30 [bgcolor=#C0C0C0]
    159     RenderMultiColumnSet at (8,43) size 100x55
    160 layer at (16,215) size 48x75
     155layer at (8,209) size 116x106
     156  RenderBlock {DIV} at (0,156) size 116x106 [color=#ADD8E6] [border: (3px solid #000000)]
     157    RenderMultiColumnSet at (8,8) size 100x5
     158    RenderBlock {DIV} at (8,13) size 100x30 [bgcolor=#C0C0C0]
     159    RenderMultiColumnSet at (8,43) size 100x55
     160layer at (16,217) size 48x75
    161161  RenderMultiColumnFlowThread at (8,8) size 48x75
    162162    RenderBlock {DIV} at (0,0) size 48x10 [bgcolor=#000080]
    163163    RenderMultiColumnSpannerPlaceholder at (0,10) size 0x0
    164164    RenderBlock {DIV} at (0,50) size 25x25 [bgcolor=#ADD8E6]
    165 layer at (138,207) size 106x116
    166   RenderBlock {DIV} at (130,154) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    167     RenderMultiColumnSet at (8,8) size 5x100
    168     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    169     RenderMultiColumnSet at (43,8) size 55x100
    170 layer at (146,215) size 115x48
     165layer at (138,209) size 106x116
     166  RenderBlock {DIV} at (130,156) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     167    RenderMultiColumnSet at (8,8) size 5x100
     168    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     169    RenderMultiColumnSet at (43,8) size 55x100
     170layer at (146,217) size 115x48
    171171  RenderMultiColumnFlowThread at (8,8) size 115x48
    172172    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    178178        text run at (55,0) width 25: "y"
    179179        text run at (80,0) width 25: "z"
    180 layer at (268,207) size 106x116
    181   RenderBlock {DIV} at (260,154) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    182     RenderMultiColumnSet at (8,8) size 5x100
    183     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    184     RenderMultiColumnSet at (43,8) size 55x100
    185 layer at (276,215) size 115x48
     180layer at (268,209) size 106x116
     181  RenderBlock {DIV} at (260,156) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     182    RenderMultiColumnSet at (8,8) size 5x100
     183    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     184    RenderMultiColumnSet at (43,8) size 55x100
     185layer at (276,217) size 115x48
    186186  RenderMultiColumnFlowThread at (8,8) size 115x48
    187187    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    195195          text run at (80,0) width 25: "z"
    196196      RenderText {#text} at (0,0) size 0x0
    197 layer at (398,207) size 106x116
    198   RenderBlock {DIV} at (390,154) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    199     RenderMultiColumnSet at (8,8) size 5x100
    200     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    201     RenderMultiColumnSet at (43,8) size 55x100
    202 layer at (406,215) size 115x48
     197layer at (398,209) size 106x116
     198  RenderBlock {DIV} at (390,156) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     199    RenderMultiColumnSet at (8,8) size 5x100
     200    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     201    RenderMultiColumnSet at (43,8) size 55x100
     202layer at (406,217) size 115x48
    203203  RenderMultiColumnFlowThread at (8,8) size 115x48
    204204    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    211211        text run at (30,0) width 25: "y"
    212212        text run at (55,0) width 25: "z"
    213 layer at (528,207) size 106x116
    214   RenderBlock {DIV} at (520,154) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    215     RenderMultiColumnSet at (8,8) size 5x100
    216     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    217     RenderMultiColumnSet at (43,8) size 55x100
    218 layer at (536,215) size 115x48
     213layer at (528,209) size 106x116
     214  RenderBlock {DIV} at (520,156) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     215    RenderMultiColumnSet at (8,8) size 5x100
     216    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     217    RenderMultiColumnSet at (43,8) size 55x100
     218layer at (536,217) size 115x48
    219219  RenderMultiColumnFlowThread at (8,8) size 115x48
    220220    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    227227        text run at (30,0) width 25: "y"
    228228        text run at (55,0) width 25: "z"
    229 layer at (658,207) size 106x116
    230   RenderBlock {DIV} at (650,154) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    231     RenderMultiColumnSet at (8,8) size 5x100
    232     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    233     RenderMultiColumnSet at (43,8) size 55x100
    234 layer at (666,215) size 94x48
     229layer at (658,209) size 106x116
     230  RenderBlock {DIV} at (650,156) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     231    RenderMultiColumnSet at (8,8) size 5x100
     232    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     233    RenderMultiColumnSet at (43,8) size 55x100
     234layer at (666,217) size 94x48
    235235  RenderMultiColumnFlowThread at (8,8) size 94x48
    236236    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    244244          RenderBlock {DIV} at (0,12) size 25x0
    245245            RenderBlock {DIV} at (0,0) size 25x0
    246 layer at (18,327) size 106x116
    247   RenderBlock {DIV} at (10,274) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    248     RenderMultiColumnSet at (8,8) size 5x100
    249     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    250     RenderMultiColumnSet at (43,8) size 55x100
    251 layer at (26,335) size 90x48
     246layer at (18,329) size 106x116
     247  RenderBlock {DIV} at (10,276) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     248    RenderMultiColumnSet at (8,8) size 5x100
     249    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     250    RenderMultiColumnSet at (43,8) size 55x100
     251layer at (26,337) size 90x48
    252252  RenderMultiColumnFlowThread at (8,8) size 90x48
    253253    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    258258      RenderBR {BR} at (0,0) size 25x0
    259259      RenderImage {IMG} at (30,0) size 25x25 [bgcolor=#ADD8E6]
    260 layer at (148,327) size 106x116
    261   RenderBlock {DIV} at (140,274) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    262     RenderMultiColumnSet at (8,8) size 5x100
    263     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    264     RenderMultiColumnSet at (43,8) size 55x100
    265 layer at (156,335) size 75x48
     260layer at (148,329) size 106x116
     261  RenderBlock {DIV} at (140,276) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     262    RenderMultiColumnSet at (8,8) size 5x100
     263    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     264    RenderMultiColumnSet at (43,8) size 55x100
     265layer at (156,337) size 75x48
    266266  RenderMultiColumnFlowThread at (8,8) size 75x48
    267267    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    268268    RenderMultiColumnSpannerPlaceholder at (10,0) size 0x0
    269269    RenderBlock {DIV} at (50,0) size 25x25 [bgcolor=#ADD8E6]
    270 layer at (278,327) size 106x116
    271   RenderBlock {DIV} at (270,274) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    272     RenderMultiColumnSet at (8,8) size 5x100
    273     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    274     RenderMultiColumnSet at (43,8) size 55x100
    275 layer at (261,335) size 115x48
     270layer at (278,329) size 106x116
     271  RenderBlock {DIV} at (270,276) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     272    RenderMultiColumnSet at (8,8) size 5x100
     273    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     274    RenderMultiColumnSet at (43,8) size 55x100
     275layer at (261,337) size 115x48
    276276  RenderMultiColumnFlowThread at (8,8) size 115x48
    277277    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    283283        text run at (55,0) width 25: "y"
    284284        text run at (80,0) width 25: "z"
    285 layer at (408,327) size 106x116
    286   RenderBlock {DIV} at (400,274) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    287     RenderMultiColumnSet at (8,8) size 5x100
    288     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    289     RenderMultiColumnSet at (43,8) size 55x100
    290 layer at (391,335) size 115x48
     285layer at (408,329) size 106x116
     286  RenderBlock {DIV} at (400,276) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     287    RenderMultiColumnSet at (8,8) size 5x100
     288    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     289    RenderMultiColumnSet at (43,8) size 55x100
     290layer at (391,337) size 115x48
    291291  RenderMultiColumnFlowThread at (8,8) size 115x48
    292292    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    300300          text run at (80,0) width 25: "z"
    301301      RenderText {#text} at (0,0) size 0x0
    302 layer at (538,327) size 106x116
    303   RenderBlock {DIV} at (530,274) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    304     RenderMultiColumnSet at (8,8) size 5x100
    305     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    306     RenderMultiColumnSet at (43,8) size 55x100
    307 layer at (521,335) size 115x48
     302layer at (538,329) size 106x116
     303  RenderBlock {DIV} at (530,276) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     304    RenderMultiColumnSet at (8,8) size 5x100
     305    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     306    RenderMultiColumnSet at (43,8) size 55x100
     307layer at (521,337) size 115x48
    308308  RenderMultiColumnFlowThread at (8,8) size 115x48
    309309    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    316316        text run at (30,0) width 25: "y"
    317317        text run at (55,0) width 25: "z"
    318 layer at (668,327) size 106x116
    319   RenderBlock {DIV} at (660,274) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    320     RenderMultiColumnSet at (8,8) size 5x100
    321     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    322     RenderMultiColumnSet at (43,8) size 55x100
    323 layer at (651,335) size 115x48
     318layer at (668,329) size 106x116
     319  RenderBlock {DIV} at (660,276) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     320    RenderMultiColumnSet at (8,8) size 5x100
     321    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     322    RenderMultiColumnSet at (43,8) size 55x100
     323layer at (651,337) size 115x48
    324324  RenderMultiColumnFlowThread at (8,8) size 115x48
    325325    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    332332        text run at (30,0) width 25: "y"
    333333        text run at (55,0) width 25: "z"
    334 layer at (18,447) size 106x116
    335   RenderBlock {DIV} at (10,394) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    336     RenderMultiColumnSet at (8,8) size 5x100
    337     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    338     RenderMultiColumnSet at (43,8) size 55x100
    339 layer at (22,455) size 94x48
     334layer at (18,449) size 106x116
     335  RenderBlock {DIV} at (10,396) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     336    RenderMultiColumnSet at (8,8) size 5x100
     337    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     338    RenderMultiColumnSet at (43,8) size 55x100
     339layer at (22,457) size 94x48
    340340  RenderMultiColumnFlowThread at (8,8) size 94x48
    341341    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    349349          RenderBlock {DIV} at (0,12) size 25x0
    350350            RenderBlock {DIV} at (0,0) size 25x0
    351 layer at (148,447) size 106x116
    352   RenderBlock {DIV} at (140,394) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    353     RenderMultiColumnSet at (8,8) size 5x100
    354     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    355     RenderMultiColumnSet at (43,8) size 55x100
    356 layer at (156,455) size 90x48
     351layer at (148,449) size 106x116
     352  RenderBlock {DIV} at (140,396) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     353    RenderMultiColumnSet at (8,8) size 5x100
     354    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     355    RenderMultiColumnSet at (43,8) size 55x100
     356layer at (156,457) size 90x48
    357357  RenderMultiColumnFlowThread at (8,8) size 90x48
    358358    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    363363      RenderBR {BR} at (0,0) size 25x0
    364364      RenderImage {IMG} at (30,0) size 25x25 [bgcolor=#ADD8E6]
    365 layer at (278,447) size 106x116
    366   RenderBlock {DIV} at (270,394) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
    367     RenderMultiColumnSet at (8,8) size 5x100
    368     RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
    369     RenderMultiColumnSet at (43,8) size 55x100
    370 layer at (301,455) size 75x48
     365layer at (278,449) size 106x116
     366  RenderBlock {DIV} at (270,396) size 106x116 [color=#ADD8E6] [border: (3px solid #000000)]
     367    RenderMultiColumnSet at (8,8) size 5x100
     368    RenderBlock {DIV} at (13,8) size 30x100 [bgcolor=#C0C0C0]
     369    RenderMultiColumnSet at (43,8) size 55x100
     370layer at (301,457) size 75x48
    371371  RenderMultiColumnFlowThread at (8,8) size 75x48
    372372    RenderBlock {DIV} at (0,0) size 10x48 [bgcolor=#000080]
    … …  
    395395layer at (428,131) size 26x25
    396396  RenderBlock (positioned) {DIV} at (428,131) size 26x25 [border: (3px solid #0000FF7F)]
    397 layer at (550,108) size 26x25
    398   RenderBlock (positioned) {DIV} at (550,108) size 26x25 [border: (3px solid #0000FF7F)]
    399 layer at (668,124) size 26x25
    400   RenderBlock (positioned) {DIV} at (668,124) size 26x25 [border: (3px solid #0000FF7F)]
    401 layer at (16,290) size 25x25
    402   RenderBlock (positioned) {DIV} at (16,290) size 25x25 [border: (3px solid #0000FF7F)]
    403 layer at (206,215) size 25x25
    404   RenderBlock (positioned) {DIV} at (206,215) size 25x25 [border: (3px solid #0000FF7F)]
    405 layer at (181,267) size 25x26
    406   RenderBlock (positioned) {DIV} at (181,267) size 25x26 [border: (3px solid #0000FF7F)]
    407 layer at (206,267) size 25x26
    408   RenderBlock (positioned) {DIV} at (206,267) size 25x26 [border: (3px solid #0000FF7F)]
    409 layer at (336,215) size 25x25
    410   RenderBlock (positioned) {DIV} at (336,215) size 25x25 [border: (3px solid #0000FF7F)]
    411 layer at (311,267) size 25x26
    412   RenderBlock (positioned) {DIV} at (311,267) size 25x26 [border: (3px solid #0000FF7F)]
    413 layer at (336,267) size 25x26
    414   RenderBlock (positioned) {DIV} at (336,267) size 25x26 [border: (3px solid #0000FF7F)]
    415 layer at (466,215) size 25x25
    416   RenderBlock (positioned) {DIV} at (466,215) size 25x25 [border: (3px solid #0000FF7F)]
    417 layer at (441,267) size 25x26
    418   RenderBlock (positioned) {DIV} at (441,267) size 25x26 [border: (3px solid #0000FF7F)]
    419 layer at (466,267) size 25x26
    420   RenderBlock (positioned) {DIV} at (466,267) size 25x26 [border: (3px solid #0000FF7F)]
    421 layer at (571,267) size 25x26
    422   RenderBlock (positioned) {DIV} at (571,267) size 25x26 [border: (3px solid #0000FF7F)]
    423 layer at (596,267) size 25x26
    424   RenderBlock (positioned) {DIV} at (596,267) size 25x26 [border: (3px solid #0000FF7F)]
    425 layer at (703,269) size 25x26
    426   RenderBlock (positioned) {DIV} at (703,269) size 25x26 [border: (3px solid #0000FF7F)]
    427 layer at (61,387) size 25x26
    428   RenderBlock (positioned) {DIV} at (61,387) size 25x26 [border: (3px solid #0000FF7F)]
    429 layer at (231,335) size 25x25
    430   RenderBlock (positioned) {DIV} at (231,335) size 25x25 [border: (3px solid #0000FF7F)]
    431 layer at (291,335) size 25x25
    432   RenderBlock (positioned) {DIV} at (291,335) size 25x25 [border: (3px solid #0000FF7F)]
    433 layer at (316,387) size 25x26
    434   RenderBlock (positioned) {DIV} at (316,387) size 25x26 [border: (3px solid #0000FF7F)]
    435 layer at (291,387) size 25x26
    436   RenderBlock (positioned) {DIV} at (291,387) size 25x26 [border: (3px solid #0000FF7F)]
    437 layer at (421,335) size 25x25
    438   RenderBlock (positioned) {DIV} at (421,335) size 25x25 [border: (3px solid #0000FF7F)]
    439 layer at (446,387) size 25x26
    440   RenderBlock (positioned) {DIV} at (446,387) size 25x26 [border: (3px solid #0000FF7F)]
    441 layer at (421,387) size 25x26
    442   RenderBlock (positioned) {DIV} at (421,387) size 25x26 [border: (3px solid #0000FF7F)]
    443 layer at (551,335) size 25x25
    444   RenderBlock (positioned) {DIV} at (551,335) size 25x25 [border: (3px solid #0000FF7F)]
    445 layer at (576,387) size 25x26
    446   RenderBlock (positioned) {DIV} at (576,387) size 25x26 [border: (3px solid #0000FF7F)]
    447 layer at (551,387) size 25x26
    448   RenderBlock (positioned) {DIV} at (551,387) size 25x26 [border: (3px solid #0000FF7F)]
    449 layer at (706,387) size 25x26
    450   RenderBlock (positioned) {DIV} at (706,387) size 25x26 [border: (3px solid #0000FF7F)]
    451 layer at (681,387) size 25x26
    452   RenderBlock (positioned) {DIV} at (681,387) size 25x26 [border: (3px solid #0000FF7F)]
    453 layer at (54,509) size 25x26
    454   RenderBlock (positioned) {DIV} at (54,509) size 25x26 [border: (3px solid #0000FF7F)]
    455 layer at (186,507) size 25x26
    456   RenderBlock (positioned) {DIV} at (186,507) size 25x26 [border: (3px solid #0000FF7F)]
    457 layer at (276,455) size 25x25
    458   RenderBlock (positioned) {DIV} at (276,455) size 25x25 [border: (3px solid #0000FF7F)]
     397layer at (550,126) size 26x25
     398  RenderBlock (positioned) {DIV} at (550,126) size 26x25 [border: (3px solid #0000FF7F)]
     399layer at (668,126) size 26x25
     400  RenderBlock (positioned) {DIV} at (668,126) size 26x25 [border: (3px solid #0000FF7F)]
     401layer at (16,292) size 25x25
     402  RenderBlock (positioned) {DIV} at (16,292) size 25x25 [border: (3px solid #0000FF7F)]
     403layer at (206,217) size 25x25
     404  RenderBlock (positioned) {DIV} at (206,217) size 25x25 [border: (3px solid #0000FF7F)]
     405layer at (181,269) size 25x26
     406  RenderBlock (positioned) {DIV} at (181,269) size 25x26 [border: (3px solid #0000FF7F)]
     407layer at (206,269) size 25x26
     408  RenderBlock (positioned) {DIV} at (206,269) size 25x26 [border: (3px solid #0000FF7F)]
     409layer at (336,217) size 25x25
     410  RenderBlock (positioned) {DIV} at (336,217) size 25x25 [border: (3px solid #0000FF7F)]
     411layer at (311,269) size 25x26
     412  RenderBlock (positioned) {DIV} at (311,269) size 25x26 [border: (3px solid #0000FF7F)]
     413layer at (336,269) size 25x26
     414  RenderBlock (positioned) {DIV} at (336,269) size 25x26 [border: (3px solid #0000FF7F)]
     415layer at (466,217) size 25x25
     416  RenderBlock (positioned) {DIV} at (466,217) size 25x25 [border: (3px solid #0000FF7F)]
     417layer at (441,269) size 25x26
     418  RenderBlock (positioned) {DIV} at (441,269) size 25x26 [border: (3px solid #0000FF7F)]
     419layer at (466,269) size 25x26
     420  RenderBlock (positioned) {DIV} at (466,269) size 25x26 [border: (3px solid #0000FF7F)]
     421layer at (571,269) size 25x26
     422  RenderBlock (positioned) {DIV} at (571,269) size 25x26 [border: (3px solid #0000FF7F)]
     423layer at (596,269) size 25x26
     424  RenderBlock (positioned) {DIV} at (596,269) size 25x26 [border: (3px solid #0000FF7F)]
     425layer at (703,271) size 25x26
     426  RenderBlock (positioned) {DIV} at (703,271) size 25x26 [border: (3px solid #0000FF7F)]
     427layer at (61,389) size 25x26
     428  RenderBlock (positioned) {DIV} at (61,389) size 25x26 [border: (3px solid #0000FF7F)]
     429layer at (231,337) size 25x25
     430  RenderBlock (positioned) {DIV} at (231,337) size 25x25 [border: (3px solid #0000FF7F)]
     431layer at (291,337) size 25x25
     432  RenderBlock (positioned) {DIV} at (291,337) size 25x25 [border: (3px solid #0000FF7F)]
     433layer at (316,389) size 25x26
     434  RenderBlock (positioned) {DIV} at (316,389) size 25x26 [border: (3px solid #0000FF7F)]
     435layer at (291,389) size 25x26
     436  RenderBlock (positioned) {DIV} at (291,389) size 25x26 [border: (3px solid #0000FF7F)]
     437layer at (421,337) size 25x25
     438  RenderBlock (positioned) {DIV} at (421,337) size 25x25 [border: (3px solid #0000FF7F)]
     439layer at (446,389) size 25x26
     440  RenderBlock (positioned) {DIV} at (446,389) size 25x26 [border: (3px solid #0000FF7F)]
     441layer at (421,389) size 25x26
     442  RenderBlock (positioned) {DIV} at (421,389) size 25x26 [border: (3px solid #0000FF7F)]
     443layer at (551,337) size 25x25
     444  RenderBlock (positioned) {DIV} at (551,337) size 25x25 [border: (3px solid #0000FF7F)]
     445layer at (576,389) size 25x26
     446  RenderBlock (positioned) {DIV} at (576,389) size 25x26 [border: (3px solid #0000FF7F)]
     447layer at (551,389) size 25x26
     448  RenderBlock (positioned) {DIV} at (551,389) size 25x26 [border: (3px solid #0000FF7F)]
     449layer at (706,389) size 25x26
     450  RenderBlock (positioned) {DIV} at (706,389) size 25x26 [border: (3px solid #0000FF7F)]
     451layer at (681,389) size 25x26
     452  RenderBlock (positioned) {DIV} at (681,389) size 25x26 [border: (3px solid #0000FF7F)]
     453layer at (54,511) size 25x26
     454  RenderBlock (positioned) {DIV} at (54,511) size 25x26 [border: (3px solid #0000FF7F)]
     455layer at (186,509) size 25x26
     456  RenderBlock (positioned) {DIV} at (186,509) size 25x26 [border: (3px solid #0000FF7F)]
     457layer at (276,457) size 25x25
     458  RenderBlock (positioned) {DIV} at (276,457) size 25x25 [border: (3px solid #0000FF7F)]

  • trunk/LayoutTests/platform/mac/fast/multicol/client-rects-spanners-expected.txt

    r168575 r176978  
    1818        RenderText {#text} at (743,11) size 4x18
    1919          text run at (743,11) width 4: "."
    20       RenderBlock (anonymous) at (0,45) size 784x456
    21         RenderText {#text} at (116,82) size 4x18
    22           text run at (116,82) width 4: " "
    23         RenderText {#text} at (236,82) size 4x18
    24           text run at (236,82) width 4: " "
    25         RenderText {#text} at (356,82) size 4x18
    26           text run at (356,82) width 4: " "
    27         RenderText {#text} at (476,82) size 4x18
    28           text run at (476,82) width 4: " "
    29         RenderText {#text} at (596,82) size 4x18
    30           text run at (596,82) width 4: " "
    31         RenderText {#text} at (716,82) size 4x18
    32           text run at (716,82) width 4: " "
    33         RenderText {#text} at (116,202) size 4x18
    34           text run at (116,202) width 4: " "
    35         RenderText {#text} at (216,202) size 4x18
    36           text run at (216,202) width 4: " "
    37         RenderText {#text} at (316,202) size 4x18
    38           text run at (316,202) width 4: " "
    39         RenderText {#text} at (416,202) size 4x18
    40           text run at (416,202) width 4: " "
    41         RenderText {#text} at (516,202) size 4x18
    42           text run at (516,202) width 4: " "
    43         RenderText {#text} at (616,202) size 4x18
    44           text run at (616,202) width 4: " "
    45         RenderText {#text} at (716,202) size 4x18
    46           text run at (716,202) width 4: " "
    47         RenderText {#text} at (96,322) size 4x18
    48           text run at (96,322) width 4: " "
    49         RenderText {#text} at (196,322) size 4x18
    50           text run at (196,322) width 4: " "
    51         RenderText {#text} at (296,322) size 4x18
    52           text run at (296,322) width 4: " "
    53         RenderText {#text} at (396,322) size 4x18
    54           text run at (396,322) width 4: " "
    55         RenderText {#text} at (496,322) size 4x18
    56           text run at (496,322) width 4: " "
    57         RenderText {#text} at (596,322) size 4x18
    58           text run at (596,322) width 4: " "
    59         RenderText {#text} at (696,322) size 4x18
    60           text run at (696,322) width 4: " "
     20      RenderBlock (anonymous) at (0,45) size 784x473
     21        RenderText {#text} at (116,99) size 4x18
     22          text run at (116,99) width 4: " "
     23        RenderText {#text} at (236,99) size 4x18
     24          text run at (236,99) width 4: " "
     25        RenderText {#text} at (356,99) size 4x18
     26          text run at (356,99) width 4: " "
     27        RenderText {#text} at (476,99) size 4x18
     28          text run at (476,99) width 4: " "
     29        RenderText {#text} at (596,99) size 4x18
     30          text run at (596,99) width 4: " "
     31        RenderText {#text} at (716,99) size 4x18
     32          text run at (716,99) width 4: " "
     33        RenderText {#text} at (116,219) size 4x18
     34          text run at (116,219) width 4: " "
     35        RenderText {#text} at (216,219) size 4x18
     36          text run at (216,219) width 4: " "
     37        RenderText {#text} at (316,219) size 4x18
     38          text run at (316,219) width 4: " "
     39        RenderText {#text} at (416,219) size 4x18
     40          text run at (416,219) width 4: " "
     41        RenderText {#text} at (516,219) size 4x18
     42          text run at (516,219) width 4: " "
     43        RenderText {#text} at (616,219) size 4x18
     44          text run at (616,219) width 4: " "
     45        RenderText {#text} at (716,219) size 4x18
     46          text run at (716,219) width 4: " "
     47        RenderText {#text} at (96,339) size 4x18
     48          text run at (96,339) width 4: " "
     49        RenderText {#text} at (196,339) size 4x18
     50          text run at (196,339) width 4: " "
     51        RenderText {#text} at (296,339) size 4x18
     52          text run at (296,339) width 4: " "
     53        RenderText {#text} at (396,339) size 4x18
     54          text run at (396,339) width 4: " "
     55        RenderText {#text} at (496,339) size 4x18
     56          text run at (496,339) width 4: " "
     57        RenderText {#text} at (596,339) size 4x18
     58          text run at (596,339) width 4: " "
     59        RenderText {#text} at (696,339) size 4x18
     60          text run at (696,339) width 4: " "
    6161        RenderText {#text} at (0,0) size 0x0
    6262layer at (8,63) size 116x76
    … …  
    116116        text run at (0,25) width 25: "y"
    117117        text run at (0,50) width 25: "z"
    118 layer at (488,63) size 116x76
    119   RenderBlock {DIV} at (480,10) size 116x76 [color=#ADD8E6] [border: (3px solid #000000)]
    120     RenderBlock {DIV} at (8,8) size 100x10 [bgcolor=#C0C0C0]
    121     RenderMultiColumnSet at (8,18) size 100x50
    122 layer at (496,71) size 48x79
     118layer at (488,81) size 116x76
     119  RenderBlock {DIV} at (480,28) size 116x76 [color=#ADD8E6] [border: (3px solid #000000)]
     120    RenderBlock {DIV} at (8,8) size 100x10 [bgcolor=#C0C0C0]
     121    RenderMultiColumnSet at (8,18) size 100x50
     122layer at (496,89) size 48x79
    123123  RenderMultiColumnFlowThread at (8,8) size 48x79
    124124    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    131131          RenderBlock {DIV} at (0,12) size 25x0
    132132            RenderBlock {DIV} at (0,0) size 25x0
    133 layer at (608,63) size 116x76
    134   RenderBlock {DIV} at (600,10) size 116x76 [color=#ADD8E6] [border: (3px solid #000000)]
    135     RenderBlock {DIV} at (8,8) size 100x10 [bgcolor=#C0C0C0]
    136     RenderMultiColumnSet at (8,18) size 100x50
    137 layer at (616,71) size 48x75
     133layer at (608,83) size 116x76
     134  RenderBlock {DIV} at (600,30) size 116x76 [color=#ADD8E6] [border: (3px solid #000000)]
     135    RenderBlock {DIV} at (8,8) size 100x10 [bgcolor=#C0C0C0]
     136    RenderMultiColumnSet at (8,18) size 100x50
     137layer at (616,91) size 48x75
    138138  RenderMultiColumnFlowThread at (8,8) size 48x75
    139139    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    143143      RenderBR {BR} at (0,0) size 0x25
    144144      RenderImage {IMG} at (0,25) size 25x25 [bgcolor=#ADD8E6]
    145 layer at (8,183) size 116x76
    146   RenderBlock {DIV} at (0,130) size 116x76 [color=#ADD8E6] [border: (3px solid #000000)]
    147     RenderBlock {DIV} at (8,8) size 100x10 [bgcolor=#C0C0C0]
    148     RenderMultiColumnSet at (8,18) size 100x50
    149 layer at (16,191) size 48x65
     145layer at (8,200) size 116x76
     146  RenderBlock {DIV} at (0,147) size 116x76 [color=#ADD8E6] [border: (3px solid #000000)]
     147    RenderBlock {DIV} at (8,8) size 100x10 [bgcolor=#C0C0C0]
     148    RenderMultiColumnSet at (8,18) size 100x50
     149layer at (16,208) size 48x65
    150150  RenderMultiColumnFlowThread at (8,8) size 48x65
    151151    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    152152    RenderBlock {DIV} at (0,40) size 25x25 [bgcolor=#ADD8E6]
    153 layer at (138,153) size 76x116
    154   RenderBlock {DIV} at (130,100) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    155     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    156     RenderMultiColumnSet at (18,8) size 50x100
    157 layer at (146,161) size 100x48
     153layer at (138,170) size 76x116
     154  RenderBlock {DIV} at (130,117) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     155    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     156    RenderMultiColumnSet at (18,8) size 50x100
     157layer at (146,178) size 100x48
    158158  RenderMultiColumnFlowThread at (8,8) size 100x48
    159159    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    164164        text run at (50,0) width 25: "y"
    165165        text run at (75,0) width 25: "z"
    166 layer at (238,153) size 76x116
    167   RenderBlock {DIV} at (230,100) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    168     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    169     RenderMultiColumnSet at (18,8) size 50x100
    170 layer at (246,161) size 100x48
     166layer at (238,170) size 76x116
     167  RenderBlock {DIV} at (230,117) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     168    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     169    RenderMultiColumnSet at (18,8) size 50x100
     170layer at (246,178) size 100x48
    171171  RenderMultiColumnFlowThread at (8,8) size 100x48
    172172    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    179179          text run at (75,0) width 25: "z"
    180180      RenderText {#text} at (0,0) size 0x0
    181 layer at (338,153) size 76x116
    182   RenderBlock {DIV} at (330,100) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    183     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    184     RenderMultiColumnSet at (18,8) size 50x100
    185 layer at (346,161) size 100x48
     181layer at (338,170) size 76x116
     182  RenderBlock {DIV} at (330,117) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     183    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     184    RenderMultiColumnSet at (18,8) size 50x100
     185layer at (346,178) size 100x48
    186186  RenderMultiColumnFlowThread at (8,8) size 100x48
    187187    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    193193        text run at (25,0) width 25: "y"
    194194        text run at (50,0) width 25: "z"
    195 layer at (438,153) size 76x116
    196   RenderBlock {DIV} at (430,100) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    197     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    198     RenderMultiColumnSet at (18,8) size 50x100
    199 layer at (446,161) size 100x48
     195layer at (438,170) size 76x116
     196  RenderBlock {DIV} at (430,117) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     197    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     198    RenderMultiColumnSet at (18,8) size 50x100
     199layer at (446,178) size 100x48
    200200  RenderMultiColumnFlowThread at (8,8) size 100x48
    201201    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    207207        text run at (25,0) width 25: "y"
    208208        text run at (50,0) width 25: "z"
    209 layer at (538,153) size 76x116
    210   RenderBlock {DIV} at (530,100) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    211     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    212     RenderMultiColumnSet at (18,8) size 50x100
    213 layer at (546,161) size 79x48
     209layer at (538,170) size 76x116
     210  RenderBlock {DIV} at (530,117) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     211    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     212    RenderMultiColumnSet at (18,8) size 50x100
     213layer at (546,178) size 79x48
    214214  RenderMultiColumnFlowThread at (8,8) size 79x48
    215215    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    222222          RenderBlock {DIV} at (0,12) size 25x0
    223223            RenderBlock {DIV} at (0,0) size 25x0
    224 layer at (638,153) size 76x116
    225   RenderBlock {DIV} at (630,100) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    226     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    227     RenderMultiColumnSet at (18,8) size 50x100
    228 layer at (646,161) size 75x48
     224layer at (638,170) size 76x116
     225  RenderBlock {DIV} at (630,117) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     226    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     227    RenderMultiColumnSet at (18,8) size 50x100
     228layer at (646,178) size 75x48
    229229  RenderMultiColumnFlowThread at (8,8) size 75x48
    230230    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    234234      RenderBR {BR} at (0,0) size 25x0
    235235      RenderImage {IMG} at (25,0) size 25x25 [bgcolor=#ADD8E6]
    236 layer at (18,273) size 76x116
    237   RenderBlock {DIV} at (10,220) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    238     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    239     RenderMultiColumnSet at (18,8) size 50x100
    240 layer at (26,281) size 65x48
     236layer at (18,290) size 76x116
     237  RenderBlock {DIV} at (10,237) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     238    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     239    RenderMultiColumnSet at (18,8) size 50x100
     240layer at (26,298) size 65x48
    241241  RenderMultiColumnFlowThread at (8,8) size 65x48
    242242    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    243243    RenderBlock {DIV} at (40,0) size 25x25 [bgcolor=#ADD8E6]
    244 layer at (118,273) size 76x116
    245   RenderBlock {DIV} at (110,220) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    246     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    247     RenderMultiColumnSet at (18,8) size 50x100
    248 layer at (86,281) size 100x48
     244layer at (118,290) size 76x116
     245  RenderBlock {DIV} at (110,237) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     246    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     247    RenderMultiColumnSet at (18,8) size 50x100
     248layer at (86,298) size 100x48
    249249  RenderMultiColumnFlowThread at (8,8) size 100x48
    250250    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    255255        text run at (50,0) width 25: "y"
    256256        text run at (75,0) width 25: "z"
    257 layer at (218,273) size 76x116
    258   RenderBlock {DIV} at (210,220) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    259     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    260     RenderMultiColumnSet at (18,8) size 50x100
    261 layer at (186,281) size 100x48
     257layer at (218,290) size 76x116
     258  RenderBlock {DIV} at (210,237) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     259    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     260    RenderMultiColumnSet at (18,8) size 50x100
     261layer at (186,298) size 100x48
    262262  RenderMultiColumnFlowThread at (8,8) size 100x48
    263263    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    270270          text run at (75,0) width 25: "z"
    271271      RenderText {#text} at (0,0) size 0x0
    272 layer at (318,273) size 76x116
    273   RenderBlock {DIV} at (310,220) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    274     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    275     RenderMultiColumnSet at (18,8) size 50x100
    276 layer at (286,281) size 100x48
     272layer at (318,290) size 76x116
     273  RenderBlock {DIV} at (310,237) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     274    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     275    RenderMultiColumnSet at (18,8) size 50x100
     276layer at (286,298) size 100x48
    277277  RenderMultiColumnFlowThread at (8,8) size 100x48
    278278    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    284284        text run at (25,0) width 25: "y"
    285285        text run at (50,0) width 25: "z"
    286 layer at (418,273) size 76x116
    287   RenderBlock {DIV} at (410,220) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    288     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    289     RenderMultiColumnSet at (18,8) size 50x100
    290 layer at (386,281) size 100x48
     286layer at (418,290) size 76x116
     287  RenderBlock {DIV} at (410,237) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     288    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     289    RenderMultiColumnSet at (18,8) size 50x100
     290layer at (386,298) size 100x48
    291291  RenderMultiColumnFlowThread at (8,8) size 100x48
    292292    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    298298        text run at (25,0) width 25: "y"
    299299        text run at (50,0) width 25: "z"
    300 layer at (518,273) size 76x116
    301   RenderBlock {DIV} at (510,220) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    302     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    303     RenderMultiColumnSet at (18,8) size 50x100
    304 layer at (507,281) size 79x48
     300layer at (518,290) size 76x116
     301  RenderBlock {DIV} at (510,237) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     302    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     303    RenderMultiColumnSet at (18,8) size 50x100
     304layer at (507,298) size 79x48
    305305  RenderMultiColumnFlowThread at (8,8) size 79x48
    306306    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    313313          RenderBlock {DIV} at (0,12) size 25x0
    314314            RenderBlock {DIV} at (0,0) size 25x0
    315 layer at (618,273) size 76x116
    316   RenderBlock {DIV} at (610,220) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    317     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    318     RenderMultiColumnSet at (18,8) size 50x100
    319 layer at (611,281) size 75x48
     315layer at (618,290) size 76x116
     316  RenderBlock {DIV} at (610,237) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     317    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     318    RenderMultiColumnSet at (18,8) size 50x100
     319layer at (611,298) size 75x48
    320320  RenderMultiColumnFlowThread at (8,8) size 75x48
    321321    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    325325      RenderBR {BR} at (0,0) size 25x0
    326326      RenderImage {IMG} at (25,0) size 25x25 [bgcolor=#ADD8E6]
    327 layer at (18,393) size 76x116
    328   RenderBlock {DIV} at (10,340) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
    329     RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
    330     RenderMultiColumnSet at (18,8) size 50x100
    331 layer at (21,401) size 65x48
     327layer at (18,410) size 76x116
     328  RenderBlock {DIV} at (10,357) size 76x116 [color=#ADD8E6] [border: (3px solid #000000)]
     329    RenderBlock {DIV} at (8,8) size 10x100 [bgcolor=#C0C0C0]
     330    RenderMultiColumnSet at (18,8) size 50x100
     331layer at (21,418) size 65x48
    332332  RenderMultiColumnFlowThread at (8,8) size 65x48
    333333    RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
    … …  
    355355layer at (428,106) size 26x25
    356356  RenderBlock (positioned) {DIV} at (428,106) size 26x25 [border: (3px solid #0000FF7F)]
    357 layer at (550,83) size 26x25
    358   RenderBlock (positioned) {DIV} at (550,83) size 26x25 [border: (3px solid #0000FF7F)]
    359 layer at (668,81) size 26x25
    360   RenderBlock (positioned) {DIV} at (668,81) size 26x25 [border: (3px solid #0000FF7F)]
    361 layer at (68,191) size 26x25
    362   RenderBlock (positioned) {DIV} at (68,191) size 26x25 [border: (3px solid #0000FF7F)]
    363 layer at (181,161) size 25x25
    364   RenderBlock (positioned) {DIV} at (181,161) size 25x25 [border: (3px solid #0000FF7F)]
    365 layer at (156,213) size 25x26
    366   RenderBlock (positioned) {DIV} at (156,213) size 25x26 [border: (3px solid #0000FF7F)]
    367 layer at (181,213) size 25x26
    368   RenderBlock (positioned) {DIV} at (181,213) size 25x26 [border: (3px solid #0000FF7F)]
    369 layer at (281,161) size 25x25
    370   RenderBlock (positioned) {DIV} at (281,161) size 25x25 [border: (3px solid #0000FF7F)]
    371 layer at (256,213) size 25x26
    372   RenderBlock (positioned) {DIV} at (256,213) size 25x26 [border: (3px solid #0000FF7F)]
    373 layer at (281,213) size 25x26
    374   RenderBlock (positioned) {DIV} at (281,213) size 25x26 [border: (3px solid #0000FF7F)]
    375 layer at (381,161) size 25x25
    376   RenderBlock (positioned) {DIV} at (381,161) size 25x25 [border: (3px solid #0000FF7F)]
    377 layer at (356,213) size 25x26
    378   RenderBlock (positioned) {DIV} at (356,213) size 25x26 [border: (3px solid #0000FF7F)]
    379 layer at (381,213) size 25x26
    380   RenderBlock (positioned) {DIV} at (381,213) size 25x26 [border: (3px solid #0000FF7F)]
    381 layer at (456,213) size 25x26
    382   RenderBlock (positioned) {DIV} at (456,213) size 25x26 [border: (3px solid #0000FF7F)]
    383 layer at (481,213) size 25x26
    384   RenderBlock (positioned) {DIV} at (481,213) size 25x26 [border: (3px solid #0000FF7F)]
    385 layer at (558,215) size 25x26
    386   RenderBlock (positioned) {DIV} at (558,215) size 25x26 [border: (3px solid #0000FF7F)]
    387 layer at (656,213) size 25x26
    388   RenderBlock (positioned) {DIV} at (656,213) size 25x26 [border: (3px solid #0000FF7F)]
    389 layer at (26,333) size 25x26
    390   RenderBlock (positioned) {DIV} at (26,333) size 25x26 [border: (3px solid #0000FF7F)]
    391 layer at (126,281) size 25x25
    392   RenderBlock (positioned) {DIV} at (126,281) size 25x25 [border: (3px solid #0000FF7F)]
    393 layer at (151,333) size 25x26
    394   RenderBlock (positioned) {DIV} at (151,333) size 25x26 [border: (3px solid #0000FF7F)]
    395 layer at (126,333) size 25x26
    396   RenderBlock (positioned) {DIV} at (126,333) size 25x26 [border: (3px solid #0000FF7F)]
    397 layer at (226,281) size 25x25
    398   RenderBlock (positioned) {DIV} at (226,281) size 25x25 [border: (3px solid #0000FF7F)]
    399 layer at (251,333) size 25x26
    400   RenderBlock (positioned) {DIV} at (251,333) size 25x26 [border: (3px solid #0000FF7F)]
    401 layer at (226,333) size 25x26
    402   RenderBlock (positioned) {DIV} at (226,333) size 25x26 [border: (3px solid #0000FF7F)]
    403 layer at (326,281) size 25x25
    404   RenderBlock (positioned) {DIV} at (326,281) size 25x25 [border: (3px solid #0000FF7F)]
    405 layer at (351,333) size 25x26
    406   RenderBlock (positioned) {DIV} at (351,333) size 25x26 [border: (3px solid #0000FF7F)]
    407 layer at (326,333) size 25x26
    408   RenderBlock (positioned) {DIV} at (326,333) size 25x26 [border: (3px solid #0000FF7F)]
    409 layer at (451,333) size 25x26
    410   RenderBlock (positioned) {DIV} at (451,333) size 25x26 [border: (3px solid #0000FF7F)]
    411 layer at (426,333) size 25x26
    412   RenderBlock (positioned) {DIV} at (426,333) size 25x26 [border: (3px solid #0000FF7F)]
    413 layer at (549,335) size 25x26
    414   RenderBlock (positioned) {DIV} at (549,335) size 25x26 [border: (3px solid #0000FF7F)]
    415 layer at (651,333) size 25x26
    416   RenderBlock (positioned) {DIV} at (651,333) size 25x26 [border: (3px solid #0000FF7F)]
    417 layer at (61,453) size 25x26
    418   RenderBlock (positioned) {DIV} at (61,453) size 25x26 [border: (3px solid #0000FF7F)]
     357layer at (550,101) size 26x25
     358  RenderBlock (positioned) {DIV} at (550,101) size 26x25 [border: (3px solid #0000FF7F)]
     359layer at (668,101) size 26x25
     360  RenderBlock (positioned) {DIV} at (668,101) size 26x25 [border: (3px solid #0000FF7F)]
     361layer at (68,208) size 26x25
     362  RenderBlock (positioned) {DIV} at (68,208) size 26x25 [border: (3px solid #0000FF7F)]
     363layer at (181,178) size 25x25
     364  RenderBlock (positioned) {DIV} at (181,178) size 25x25 [border: (3px solid #0000FF7F)]
     365layer at (156,230) size 25x26
     366  RenderBlock (positioned) {DIV} at (156,230) size 25x26 [border: (3px solid #0000FF7F)]
     367layer at (181,230) size 25x26
     368  RenderBlock (positioned) {DIV} at (181,230) size 25x26 [border: (3px solid #0000FF7F)]
     369layer at (281,178) size 25x25
     370  RenderBlock (positioned) {DIV} at (281,178) size 25x25 [border: (3px solid #0000FF7F)]
     371layer at (256,230) size 25x26
     372  RenderBlock (positioned) {DIV} at (256,230) size 25x26 [border: (3px solid #0000FF7F)]
     373layer at (281,230) size 25x26
     374  RenderBlock (positioned) {DIV} at (281,230) size 25x26 [border: (3px solid #0000FF7F)]
     375layer at (381,178) size 25x25
     376  RenderBlock (positioned) {DIV} at (381,178) size 25x25 [border: (3px solid #0000FF7F)]
     377layer at (356,230) size 25x26
     378  RenderBlock (positioned) {DIV} at (356,230) size 25x26 [border: (3px solid #0000FF7F)]
     379layer at (381,230) size 25x26
     380  RenderBlock (positioned) {DIV} at (381,230) size 25x26 [border: (3px solid #0000FF7F)]
     381layer at (456,230) size 25x26
     382  RenderBlock (positioned) {DIV} at (456,230) size 25x26 [border: (3px solid #0000FF7F)]
     383layer at (481,230) size 25x26
     384  RenderBlock (positioned) {DIV} at (481,230) size 25x26 [border: (3px solid #0000FF7F)]
     385layer at (558,232) size 25x26
     386  RenderBlock (positioned) {DIV} at (558,232) size 25x26 [border: (3px solid #0000FF7F)]
     387layer at (656,230) size 25x26
     388  RenderBlock (positioned) {DIV} at (656,230) size 25x26 [border: (3px solid #0000FF7F)]
     389layer at (26,350) size 25x26
     390  RenderBlock (positioned) {DIV} at (26,350) size 25x26 [border: (3px solid #0000FF7F)]
     391layer at (126,298) size 25x25
     392  RenderBlock (positioned) {DIV} at (126,298) size 25x25 [border: (3px solid #0000FF7F)]
     393layer at (151,350) size 25x26
     394  RenderBlock (positioned) {DIV} at (151,350) size 25x26 [border: (3px solid #0000FF7F)]
     395layer at (126,350) size 25x26
     396  RenderBlock (positioned) {DIV} at (126,350) size 25x26 [border: (3px solid #0000FF7F)]
     397layer at (226,298) size 25x25
     398  RenderBlock (positioned) {DIV} at (226,298) size 25x25 [border: (3px solid #0000FF7F)]
     399layer at (251,350) size 25x26
     400  RenderBlock (positioned) {DIV} at (251,350) size 25x26 [border: (3px solid #0000FF7F)]
     401layer at (226,350) size 25x26
     402  RenderBlock (positioned) {DIV} at (226,350) size 25x26 [border: (3px solid #0000FF7F)]
     403layer at (326,298) size 25x25
     404  RenderBlock (positioned) {DIV} at (326,298) size 25x25 [border: (3px solid #0000FF7F)]
     405layer at (351,350) size 25x26
     406  RenderBlock (positioned) {DIV} at (351,350) size 25x26 [border: (3px solid #0000FF7F)]
     407layer at (326,350) size 25x26
     408  RenderBlock (positioned) {DIV} at (326,350) size 25x26 [border: (3px solid #0000FF7F)]
     409layer at (451,350) size 25x26
     410  RenderBlock (positioned) {DIV} at (451,350) size 25x26 [border: (3px solid #0000FF7F)]
     411layer at (426,350) size 25x26
     412  RenderBlock (positioned) {DIV} at (426,350) size 25x26 [border: (3px solid #0000FF7F)]
     413layer at (549,352) size 25x26
     414  RenderBlock (positioned) {DIV} at (549,352) size 25x26 [border: (3px solid #0000FF7F)]
     415layer at (651,350) size 25x26
     416  RenderBlock (positioned) {DIV} at (651,350) size 25x26 [border: (3px solid #0000FF7F)]
     417layer at (61,470) size 25x26
     418  RenderBlock (positioned) {DIV} at (61,470) size 25x26 [border: (3px solid #0000FF7F)]

  • trunk/LayoutTests/platform/mac/fast/multicol/layers-split-across-columns-expected.txt

    r168076 r176978  
    1 layer at (0,0) size 785x676
     1layer at (0,0) size 785x971
    22  RenderView at (0,0) size 785x600
    3 layer at (0,0) size 785x676
    4   RenderBlock {HTML} at (0,0) size 785x676
    5     RenderBody {BODY} at (8,8) size 769x660
     3layer at (0,0) size 785x971
     4  RenderBlock {HTML} at (0,0) size 785x971
     5    RenderBody {BODY} at (8,8) size 769x955
    66      RenderBlock {DIV} at (0,0) size 220x328
    77        RenderBlock (anonymous) at (0,0) size 220x18
    88          RenderText {#text} at (0,0) size 65x18
    99            text run at (0,0) width 65: "Overflow:"
    10       RenderText {#text} at (220,314) size 4x18
    11         text run at (220,314) width 4: " "
     10      RenderText {#text} at (220,609) size 4x18
     11        text run at (220,609) width 4: " "
    1212      RenderBlock {DIV} at (224,0) size 220x328
    1313        RenderBlock (anonymous) at (0,0) size 220x18
    1414          RenderText {#text} at (0,0) size 76x18
    1515            text run at (0,0) width 76: "Transforms:"
    16       RenderText {#text} at (444,314) size 4x18
    17         text run at (444,314) width 4: " "
     16      RenderText {#text} at (444,609) size 4x18
     17        text run at (444,609) width 4: " "
    1818      RenderBlock {DIV} at (448,0) size 220x328
    1919        RenderBlock (anonymous) at (0,0) size 220x18
    … …  
    2121            text run at (0,0) width 131: "Relative Positioning:"
    2222      RenderText {#text} at (0,0) size 0x0
    23       RenderBlock {DIV} at (0,332) size 220x328
     23      RenderBlock {DIV} at (0,627) size 220x328
    2424        RenderBlock (anonymous) at (0,0) size 220x18
    2525          RenderText {#text} at (0,0) size 54x18
    … …  
    6464      RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#000000]
    6565      RenderText {#text} at (0,0) size 0x0
    66 layer at (8,358) size 220x310
     66layer at (8,653) size 220x310
    6767  RenderBlock {DIV} at (0,18) size 220x310 [border: (5px solid #000000)]
    6868    RenderMultiColumnSet at (5,5) size 210x300
    69 layer at (13,363) size 100x600 backgroundClip at (0,0) size 785x676 clip at (0,0) size 785x676 outlineClip at (0,0) size 785x676
     69layer at (13,658) size 100x600 backgroundClip at (0,0) size 785x971 clip at (0,0) size 785x971 outlineClip at (0,0) size 785x971
    7070  RenderMultiColumnFlowThread at (5,5) size 100x600
    7171    RenderBlock (anonymous) at (0,0) size 100x100
    … …  
    8787    RenderBlock {DIV} at (0,200) size 100x100 [bgcolor=#0000B0]
    8888    RenderBlock {DIV} at (0,300) size 100x100 [bgcolor=#000090]
    89 layer at (13,463) size 100x400 backgroundClip at (0,0) size 785x676 clip at (0,0) size 785x676 outlineClip at (0,0) size 785x676
     89layer at (13,758) size 100x400 backgroundClip at (0,0) size 785x971 clip at (0,0) size 785x971 outlineClip at (0,0) size 785x971
    9090  RenderBlock {DIV} at (0,100) size 100x400
    9191    RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#0000F0]

  • trunk/LayoutTests/platform/mac/fast/multicol/newmulticol/client-rects-expected.txt

    r168575 r176978  
    1818        RenderText {#text} at (743,11) size 4x18
    1919          text run at (743,11) width 4: "."
    20       RenderBlock (anonymous) at (0,45) size 784x330
    21         RenderText {#text} at (116,72) size 4x18
    22           text run at (116,72) width 4: " "
    23         RenderText {#text} at (236,72) size 4x18
    24           text run at (236,72) width 4: " "
    25         RenderText {#text} at (356,72) size 4x18
    26           text run at (356,72) width 4: " "
    27         RenderText {#text} at (476,72) size 4x18
    28           text run at (476,72) width 4: " "
    29         RenderText {#text} at (596,72) size 4x18
    30           text run at (596,72) width 4: " "
    31         RenderText {#text} at (716,72) size 4x18
    32           text run at (716,72) width 4: " "
    33         RenderText {#text} at (116,192) size 4x18
    34           text run at (116,192) width 4: " "
    35         RenderText {#text} at (206,192) size 4x18
    36           text run at (206,192) width 4: " "
    37         RenderText {#text} at (296,192) size 4x18
    38           text run at (296,192) width 4: " "
    39         RenderText {#text} at (386,192) size 4x18
    40           text run at (386,192) width 4: " "
    41         RenderText {#text} at (476,192) size 4x18
    42           text run at (476,192) width 4: " "
    43         RenderText {#text} at (566,192) size 4x18
    44           text run at (566,192) width 4: " "
    45         RenderText {#text} at (656,192) size 4x18
    46           text run at (656,192) width 4: " "
     20      RenderBlock (anonymous) at (0,45) size 784x357
     21        RenderText {#text} at (116,99) size 4x18
     22          text run at (116,99) width 4: " "
     23        RenderText {#text} at (236,99) size 4x18
     24          text run at (236,99) width 4: " "
     25        RenderText {#text} at (356,99) size 4x18
     26          text run at (356,99) width 4: " "
     27        RenderText {#text} at (476,99) size 4x18
     28          text run at (476,99) width 4: " "
     29        RenderText {#text} at (596,99) size 4x18
     30          text run at (596,99) width 4: " "
     31        RenderText {#text} at (716,99) size 4x18
     32          text run at (716,99) width 4: " "
     33        RenderText {#text} at (116,219) size 4x18
     34          text run at (116,219) width 4: " "
     35        RenderText {#text} at (206,219) size 4x18
     36          text run at (206,219) width 4: " "
     37        RenderText {#text} at (296,219) size 4x18
     38          text run at (296,219) width 4: " "
     39        RenderText {#text} at (386,219) size 4x18
     40          text run at (386,219) width 4: " "
     41        RenderText {#text} at (476,219) size 4x18
     42          text run at (476,219) width 4: " "
     43        RenderText {#text} at (566,219) size 4x18
     44          text run at (566,219) width 4: " "
     45        RenderText {#text} at (656,219) size 4x18
     46          text run at (656,219) width 4: " "
    4747        RenderText {#text} at (0,0) size 0x0
    48         RenderText {#text} at (86,312) size 4x18
    49           text run at (86,312) width 4: " "
    50         RenderText {#text} at (176,312) size 4x18
    51           text run at (176,312) width 4: " "
    52         RenderText {#text} at (266,312) size 4x18
    53           text run at (266,312) width 4: " "
    54         RenderText {#text} at (356,312) size 4x18
    55           text run at (356,312) width 4: " "
    56         RenderText {#text} at (446,312) size 4x18
    57           text run at (446,312) width 4: " "
    58         RenderText {#text} at (536,312) size 4x18
    59           text run at (536,312) width 4: " "
     48        RenderText {#text} at (86,339) size 4x18
     49          text run at (86,339) width 4: " "
     50        RenderText {#text} at (176,339) size 4x18
     51          text run at (176,339) width 4: " "
     52        RenderText {#text} at (266,339) size 4x18
     53          text run at (266,339) width 4: " "
     54        RenderText {#text} at (356,339) size 4x18
     55          text run at (356,339) width 4: " "
     56        RenderText {#text} at (446,339) size 4x18
     57          text run at (446,339) width 4: " "
     58        RenderText {#text} at (536,339) size 4x18
     59          text run at (536,339) width 4: " "
    6060        RenderText {#text} at (0,0) size 0x0
    6161layer at (8,63) size 116x66
    … …  
    105105        text run at (0,25) width 25: "y"
    106106        text run at (0,50) width 25: "z"
    107 layer at (488,63) size 116x66
    108   RenderBlock {DIV} at (480,10) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
    109     RenderMultiColumnSet at (8,8) size 100x50
    110 layer at (496,71) size 48x79
     107layer at (488,81) size 116x66
     108  RenderBlock {DIV} at (480,28) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
     109    RenderMultiColumnSet at (8,8) size 100x50
     110layer at (496,89) size 48x79
    111111  RenderMultiColumnFlowThread at (8,8) size 48x79
    112112    RenderBlock (anonymous) at (0,0) size 48x25
    … …  
    118118          RenderBlock {DIV} at (0,12) size 25x0
    119119            RenderBlock {DIV} at (0,0) size 25x0
    120 layer at (608,63) size 116x66
    121   RenderBlock {DIV} at (600,10) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
    122     RenderMultiColumnSet at (8,8) size 100x50
    123 layer at (616,71) size 48x75
     120layer at (608,83) size 116x66
     121  RenderBlock {DIV} at (600,30) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
     122    RenderMultiColumnSet at (8,8) size 100x50
     123layer at (616,91) size 48x75
    124124  RenderMultiColumnFlowThread at (8,8) size 48x75
    125125    RenderBlock (anonymous) at (0,0) size 48x25
    … …  
    128128      RenderBR {BR} at (0,0) size 0x25
    129129      RenderImage {IMG} at (0,25) size 25x25 [bgcolor=#ADD8E6]
    130 layer at (8,183) size 116x66
    131   RenderBlock {DIV} at (0,130) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
    132     RenderMultiColumnSet at (8,8) size 100x50
    133 layer at (16,191) size 48x65
     130layer at (8,210) size 116x66
     131  RenderBlock {DIV} at (0,157) size 116x66 [color=#ADD8E6] [border: (3px solid #000000)]
     132    RenderMultiColumnSet at (8,8) size 100x50
     133layer at (16,218) size 48x65
    134134  RenderMultiColumnFlowThread at (8,8) size 48x65
    135135    RenderBlock {DIV} at (0,40) size 25x25 [bgcolor=#ADD8E6]
    136 layer at (138,143) size 66x116
    137   RenderBlock {DIV} at (130,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    138     RenderMultiColumnSet at (8,8) size 50x100
    139 layer at (146,151) size 100x48
     136layer at (138,170) size 66x116
     137  RenderBlock {DIV} at (130,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     138    RenderMultiColumnSet at (8,8) size 50x100
     139layer at (146,178) size 100x48
    140140  RenderMultiColumnFlowThread at (8,8) size 100x48
    141141    RenderBR {BR} at (0,0) size 25x0
    … …  
    144144      text run at (50,0) width 25: "y"
    145145      text run at (75,0) width 25: "z"
    146 layer at (228,143) size 66x116
    147   RenderBlock {DIV} at (220,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    148     RenderMultiColumnSet at (8,8) size 50x100
    149 layer at (236,151) size 100x48
     146layer at (228,170) size 66x116
     147  RenderBlock {DIV} at (220,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     148    RenderMultiColumnSet at (8,8) size 50x100
     149layer at (236,178) size 100x48
    150150  RenderMultiColumnFlowThread at (8,8) size 100x48
    151151    RenderBR {BR} at (0,0) size 25x0
    … …  
    156156        text run at (75,0) width 25: "z"
    157157    RenderText {#text} at (0,0) size 0x0
    158 layer at (318,143) size 66x116
    159   RenderBlock {DIV} at (310,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    160     RenderMultiColumnSet at (8,8) size 50x100
    161 layer at (326,151) size 100x48
     158layer at (318,170) size 66x116
     159  RenderBlock {DIV} at (310,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     160    RenderMultiColumnSet at (8,8) size 50x100
     161layer at (326,178) size 100x48
    162162  RenderMultiColumnFlowThread at (8,8) size 100x48
    163163    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    168168        text run at (25,0) width 25: "y"
    169169        text run at (50,0) width 25: "z"
    170 layer at (408,143) size 66x116
    171   RenderBlock {DIV} at (400,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    172     RenderMultiColumnSet at (8,8) size 50x100
    173 layer at (416,151) size 100x48
     170layer at (408,170) size 66x116
     171  RenderBlock {DIV} at (400,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     172    RenderMultiColumnSet at (8,8) size 50x100
     173layer at (416,178) size 100x48
    174174  RenderMultiColumnFlowThread at (8,8) size 100x48
    175175    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    180180        text run at (25,0) width 25: "y"
    181181        text run at (50,0) width 25: "z"
    182 layer at (498,143) size 66x116
    183   RenderBlock {DIV} at (490,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    184     RenderMultiColumnSet at (8,8) size 50x100
    185 layer at (506,151) size 79x48
     182layer at (498,170) size 66x116
     183  RenderBlock {DIV} at (490,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     184    RenderMultiColumnSet at (8,8) size 50x100
     185layer at (506,178) size 79x48
    186186  RenderMultiColumnFlowThread at (8,8) size 79x48
    187187    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    193193          RenderBlock {DIV} at (0,12) size 25x0
    194194            RenderBlock {DIV} at (0,0) size 25x0
    195 layer at (588,143) size 66x116
    196   RenderBlock {DIV} at (580,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    197     RenderMultiColumnSet at (8,8) size 50x100
    198 layer at (596,151) size 75x48
     195layer at (588,170) size 66x116
     196  RenderBlock {DIV} at (580,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     197    RenderMultiColumnSet at (8,8) size 50x100
     198layer at (596,178) size 75x48
    199199  RenderMultiColumnFlowThread at (8,8) size 75x48
    200200    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    203203      RenderBR {BR} at (0,0) size 25x0
    204204      RenderImage {IMG} at (25,0) size 25x25 [bgcolor=#ADD8E6]
    205 layer at (678,143) size 66x116
    206   RenderBlock {DIV} at (670,90) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    207     RenderMultiColumnSet at (8,8) size 50x100
    208 layer at (686,151) size 65x48
     205layer at (678,170) size 66x116
     206  RenderBlock {DIV} at (670,117) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     207    RenderMultiColumnSet at (8,8) size 50x100
     208layer at (686,178) size 65x48
    209209  RenderMultiColumnFlowThread at (8,8) size 65x48
    210210    RenderBlock {DIV} at (40,0) size 25x25 [bgcolor=#ADD8E6]
    211 layer at (18,263) size 66x116
    212   RenderBlock {DIV} at (10,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    213     RenderMultiColumnSet at (8,8) size 50x100
    214 layer at (-24,271) size 100x48 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
     211layer at (18,290) size 66x116
     212  RenderBlock {DIV} at (10,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     213    RenderMultiColumnSet at (8,8) size 50x100
     214layer at (-24,298) size 100x48 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
    215215  RenderMultiColumnFlowThread at (8,8) size 100x48
    216216    RenderBR {BR} at (0,0) size 25x0
    … …  
    219219      text run at (50,0) width 25: "y"
    220220      text run at (75,0) width 25: "z"
    221 layer at (108,263) size 66x116
    222   RenderBlock {DIV} at (100,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    223     RenderMultiColumnSet at (8,8) size 50x100
    224 layer at (66,271) size 100x48
     221layer at (108,290) size 66x116
     222  RenderBlock {DIV} at (100,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     223    RenderMultiColumnSet at (8,8) size 50x100
     224layer at (66,298) size 100x48
    225225  RenderMultiColumnFlowThread at (8,8) size 100x48
    226226    RenderBR {BR} at (0,0) size 25x0
    … …  
    231231        text run at (75,0) width 25: "z"
    232232    RenderText {#text} at (0,0) size 0x0
    233 layer at (198,263) size 66x116
    234   RenderBlock {DIV} at (190,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    235     RenderMultiColumnSet at (8,8) size 50x100
    236 layer at (156,271) size 100x48
     233layer at (198,290) size 66x116
     234  RenderBlock {DIV} at (190,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     235    RenderMultiColumnSet at (8,8) size 50x100
     236layer at (156,298) size 100x48
    237237  RenderMultiColumnFlowThread at (8,8) size 100x48
    238238    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    243243        text run at (25,0) width 25: "y"
    244244        text run at (50,0) width 25: "z"
    245 layer at (288,263) size 66x116
    246   RenderBlock {DIV} at (280,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    247     RenderMultiColumnSet at (8,8) size 50x100
    248 layer at (246,271) size 100x48
     245layer at (288,290) size 66x116
     246  RenderBlock {DIV} at (280,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     247    RenderMultiColumnSet at (8,8) size 50x100
     248layer at (246,298) size 100x48
    249249  RenderMultiColumnFlowThread at (8,8) size 100x48
    250250    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    255255        text run at (25,0) width 25: "y"
    256256        text run at (50,0) width 25: "z"
    257 layer at (378,263) size 66x116
    258   RenderBlock {DIV} at (370,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    259     RenderMultiColumnSet at (8,8) size 50x100
    260 layer at (357,271) size 79x48
     257layer at (378,290) size 66x116
     258  RenderBlock {DIV} at (370,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     259    RenderMultiColumnSet at (8,8) size 50x100
     260layer at (357,298) size 79x48
    261261  RenderMultiColumnFlowThread at (8,8) size 79x48
    262262    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    268268          RenderBlock {DIV} at (0,12) size 25x0
    269269            RenderBlock {DIV} at (0,0) size 25x0
    270 layer at (468,263) size 66x116
    271   RenderBlock {DIV} at (460,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    272     RenderMultiColumnSet at (8,8) size 50x100
    273 layer at (451,271) size 75x48
     270layer at (468,290) size 66x116
     271  RenderBlock {DIV} at (460,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     272    RenderMultiColumnSet at (8,8) size 50x100
     273layer at (451,298) size 75x48
    274274  RenderMultiColumnFlowThread at (8,8) size 75x48
    275275    RenderBlock (anonymous) at (0,0) size 25x48
    … …  
    278278      RenderBR {BR} at (0,0) size 25x0
    279279      RenderImage {IMG} at (25,0) size 25x25 [bgcolor=#ADD8E6]
    280 layer at (558,263) size 66x116
    281   RenderBlock {DIV} at (550,210) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
    282     RenderMultiColumnSet at (8,8) size 50x100
    283 layer at (551,271) size 65x48
     280layer at (558,290) size 66x116
     281  RenderBlock {DIV} at (550,237) size 66x116 [color=#ADD8E6] [border: (3px solid #000000)]
     282    RenderMultiColumnSet at (8,8) size 50x100
     283layer at (551,298) size 65x48
    284284  RenderMultiColumnFlowThread at (8,8) size 65x48
    285285    RenderBlock {DIV} at (40,0) size 25x25 [bgcolor=#ADD8E6]
    … …  
    306306layer at (428,96) size 26x25
    307307  RenderBlock (positioned) {DIV} at (428,96) size 26x25 [border: (3px solid #0000FF7F)]
    308 layer at (550,73) size 26x25
    309   RenderBlock (positioned) {DIV} at (550,73) size 26x25 [border: (3px solid #0000FF7F)]
    310 layer at (668,71) size 26x25
    311   RenderBlock (positioned) {DIV} at (668,71) size 26x25 [border: (3px solid #0000FF7F)]
    312 layer at (68,181) size 26x25
    313   RenderBlock (positioned) {DIV} at (68,181) size 26x25 [border: (3px solid #0000FF7F)]
    314 layer at (171,151) size 25x25
    315   RenderBlock (positioned) {DIV} at (171,151) size 25x25 [border: (3px solid #0000FF7F)]
    316 layer at (146,203) size 25x26
    317   RenderBlock (positioned) {DIV} at (146,203) size 25x26 [border: (3px solid #0000FF7F)]
    318 layer at (171,203) size 25x26
    319   RenderBlock (positioned) {DIV} at (171,203) size 25x26 [border: (3px solid #0000FF7F)]
    320 layer at (261,151) size 25x25
    321   RenderBlock (positioned) {DIV} at (261,151) size 25x25 [border: (3px solid #0000FF7F)]
    322 layer at (236,203) size 25x26
    323   RenderBlock (positioned) {DIV} at (236,203) size 25x26 [border: (3px solid #0000FF7F)]
    324 layer at (261,203) size 25x26
    325   RenderBlock (positioned) {DIV} at (261,203) size 25x26 [border: (3px solid #0000FF7F)]
    326 layer at (351,151) size 25x25
    327   RenderBlock (positioned) {DIV} at (351,151) size 25x25 [border: (3px solid #0000FF7F)]
    328 layer at (326,203) size 25x26
    329   RenderBlock (positioned) {DIV} at (326,203) size 25x26 [border: (3px solid #0000FF7F)]
    330 layer at (351,203) size 25x26
    331   RenderBlock (positioned) {DIV} at (351,203) size 25x26 [border: (3px solid #0000FF7F)]
    332 layer at (416,203) size 25x26
    333   RenderBlock (positioned) {DIV} at (416,203) size 25x26 [border: (3px solid #0000FF7F)]
    334 layer at (441,203) size 25x26
    335   RenderBlock (positioned) {DIV} at (441,203) size 25x26 [border: (3px solid #0000FF7F)]
    336 layer at (508,205) size 25x26
    337   RenderBlock (positioned) {DIV} at (508,205) size 25x26 [border: (3px solid #0000FF7F)]
    338 layer at (596,203) size 25x26
    339   RenderBlock (positioned) {DIV} at (596,203) size 25x26 [border: (3px solid #0000FF7F)]
    340 layer at (676,203) size 25x26
    341   RenderBlock (positioned) {DIV} at (676,203) size 25x26 [border: (3px solid #0000FF7F)]
    342 layer at (26,271) size 25x25
    343   RenderBlock (positioned) {DIV} at (26,271) size 25x25 [border: (3px solid #0000FF7F)]
    344 layer at (51,323) size 25x26
    345   RenderBlock (positioned) {DIV} at (51,323) size 25x26 [border: (3px solid #0000FF7F)]
    346 layer at (26,323) size 25x26
    347   RenderBlock (positioned) {DIV} at (26,323) size 25x26 [border: (3px solid #0000FF7F)]
    348 layer at (116,271) size 25x25
    349   RenderBlock (positioned) {DIV} at (116,271) size 25x25 [border: (3px solid #0000FF7F)]
    350 layer at (141,323) size 25x26
    351   RenderBlock (positioned) {DIV} at (141,323) size 25x26 [border: (3px solid #0000FF7F)]
    352 layer at (116,323) size 25x26
    353   RenderBlock (positioned) {DIV} at (116,323) size 25x26 [border: (3px solid #0000FF7F)]
    354 layer at (206,271) size 25x25
    355   RenderBlock (positioned) {DIV} at (206,271) size 25x25 [border: (3px solid #0000FF7F)]
    356 layer at (231,323) size 25x26
    357   RenderBlock (positioned) {DIV} at (231,323) size 25x26 [border: (3px solid #0000FF7F)]
    358 layer at (206,323) size 25x26
    359   RenderBlock (positioned) {DIV} at (206,323) size 25x26 [border: (3px solid #0000FF7F)]
    360 layer at (321,323) size 25x26
    361   RenderBlock (positioned) {DIV} at (321,323) size 25x26 [border: (3px solid #0000FF7F)]
    362 layer at (296,323) size 25x26
    363   RenderBlock (positioned) {DIV} at (296,323) size 25x26 [border: (3px solid #0000FF7F)]
    364 layer at (409,325) size 25x26
    365   RenderBlock (positioned) {DIV} at (409,325) size 25x26 [border: (3px solid #0000FF7F)]
    366 layer at (501,323) size 25x26
    367   RenderBlock (positioned) {DIV} at (501,323) size 25x26 [border: (3px solid #0000FF7F)]
    368 layer at (601,323) size 25x26
    369   RenderBlock (positioned) {DIV} at (601,323) size 25x26 [border: (3px solid #0000FF7F)]
     308layer at (550,91) size 26x25
     309  RenderBlock (positioned) {DIV} at (550,91) size 26x25 [border: (3px solid #0000FF7F)]
     310layer at (668,91) size 26x25
     311  RenderBlock (positioned) {DIV} at (668,91) size 26x25 [border: (3px solid #0000FF7F)]
     312layer at (68,208) size 26x25
     313  RenderBlock (positioned) {DIV} at (68,208) size 26x25 [border: (3px solid #0000FF7F)]
     314layer at (171,178) size 25x25
     315  RenderBlock (positioned) {DIV} at (171,178) size 25x25 [border: (3px solid #0000FF7F)]
     316layer at (146,230) size 25x26
     317  RenderBlock (positioned) {DIV} at (146,230) size 25x26 [border: (3px solid #0000FF7F)]
     318layer at (171,230) size 25x26
     319  RenderBlock (positioned) {DIV} at (171,230) size 25x26 [border: (3px solid #0000FF7F)]
     320layer at (261,178) size 25x25
     321  RenderBlock (positioned) {DIV} at (261,178) size 25x25 [border: (3px solid #0000FF7F)]
     322layer at (236,230) size 25x26
     323  RenderBlock (positioned) {DIV} at (236,230) size 25x26 [border: (3px solid #0000FF7F)]
     324layer at (261,230) size 25x26
     325  RenderBlock (positioned) {DIV} at (261,230) size 25x26 [border: (3px solid #0000FF7F)]
     326layer at (351,178) size 25x25
     327  RenderBlock (positioned) {DIV} at (351,178) size 25x25 [border: (3px solid #0000FF7F)]
     328layer at (326,230) size 25x26
     329  RenderBlock (positioned) {DIV} at (326,230) size 25x26 [border: (3px solid #0000FF7F)]
     330layer at (351,230) size 25x26
     331  RenderBlock (positioned) {DIV} at (351,230) size 25x26 [border: (3px solid #0000FF7F)]
     332layer at (416,230) size 25x26
     333  RenderBlock (positioned) {DIV} at (416,230) size 25x26 [border: (3px solid #0000FF7F)]
     334layer at (441,230) size 25x26
     335  RenderBlock (positioned) {DIV} at (441,230) size 25x26 [border: (3px solid #0000FF7F)]
     336layer at (508,232) size 25x26
     337  RenderBlock (positioned) {DIV} at (508,232) size 25x26 [border: (3px solid #0000FF7F)]
     338layer at (596,230) size 25x26
     339  RenderBlock (positioned) {DIV} at (596,230) size 25x26 [border: (3px solid #0000FF7F)]
     340layer at (676,230) size 25x26
     341  RenderBlock (positioned) {DIV} at (676,230) size 25x26 [border: (3px solid #0000FF7F)]
     342layer at (26,298) size 25x25
     343  RenderBlock (positioned) {DIV} at (26,298) size 25x25 [border: (3px solid #0000FF7F)]
     344layer at (51,350) size 25x26
     345  RenderBlock (positioned) {DIV} at (51,350) size 25x26 [border: (3px solid #0000FF7F)]
     346layer at (26,350) size 25x26
     347  RenderBlock (positioned) {DIV} at (26,350) size 25x26 [border: (3px solid #0000FF7F)]
     348layer at (116,298) size 25x25
     349  RenderBlock (positioned) {DIV} at (116,298) size 25x25 [border: (3px solid #0000FF7F)]
     350layer at (141,350) size 25x26
     351  RenderBlock (positioned) {DIV} at (141,350) size 25x26 [border: (3px solid #0000FF7F)]
     352layer at (116,350) size 25x26
     353  RenderBlock (positioned) {DIV} at (116,350) size 25x26 [border: (3px solid #0000FF7F)]
     354layer at (206,298) size 25x25
     355  RenderBlock (positioned) {DIV} at (206,298) size 25x25 [border: (3px solid #0000FF7F)]
     356layer at (231,350) size 25x26
     357  RenderBlock (positioned) {DIV} at (231,350) size 25x26 [border: (3px solid #0000FF7F)]
     358layer at (206,350) size 25x26
     359  RenderBlock (positioned) {DIV} at (206,350) size 25x26 [border: (3px solid #0000FF7F)]
     360layer at (321,350) size 25x26
     361  RenderBlock (positioned) {DIV} at (321,350) size 25x26 [border: (3px solid #0000FF7F)]
     362layer at (296,350) size 25x26
     363  RenderBlock (positioned) {DIV} at (296,350) size 25x26 [border: (3px solid #0000FF7F)]
     364layer at (409,352) size 25x26
     365  RenderBlock (positioned) {DIV} at (409,352) size 25x26 [border: (3px solid #0000FF7F)]
     366layer at (501,350) size 25x26
     367  RenderBlock (positioned) {DIV} at (501,350) size 25x26 [border: (3px solid #0000FF7F)]
     368layer at (601,350) size 25x26
     369  RenderBlock (positioned) {DIV} at (601,350) size 25x26 [border: (3px solid #0000FF7F)]

  • trunk/Source/WebCore/ChangeLog

    r176977 r176978  
     12014-12-08  Myles C. Maxfield  <mmaxfield@apple.com>
     2
     3        Inline elements whose parents have small line-height are laid out too low
     4        https://bugs.webkit.org/show_bug.cgi?id=139375
     5
     6        Reviewed by Dave Hyatt.
     7
     8        This is a port of the Blink patch at
     9        https://src.chromium.org/viewvc/blink?revision=155253&view=revision.
     10
     11        When laying out inline elements, we try to align leaf children's parents'
     12        baselines across the entire line. However, if you set line-height: 0px on a
     13        span, the entire InlineBox which represents that span will have a height of
     14        0, and therefore be laid out entirely on the baseline. In addition, we will
     15        try to vertically center the leaf text in the span's InlineBox, which means
     16        the leaf text will be vertically centered on the baseline. All the other
     17        major browsers do not have this behavior; instead, they line up the boxes
     18        as you would expect.
     19
     20        This bug led to a rendering problem on the front page of the New York Times.
     21
     22        Here is the ChangeLog from the Blink patch:
     23
     24        Fix baseline position when it is outside the element's box
     25
     26        Specifically, we shouldn't force the baseline to be inside the element. IE
     27        and FF don't do this, and it's incompatible with the CSS spec:
     28       
     29        "The baseline of an 'inline-block' is the baseline of its last line box in
     30        the normal flow, unless it has either no in-flow line boxes or if its
     31        'overflow' property has a computed value other than 'visible', in which case
     32        the baseline is the bottom margin edge."
     33        -- http://www.w3.org/TR/CSS21/visudet.html#leading
     34       
     35        It doesn't have a special case for "baseline is outside of the element's
     36        margin box".
     37       
     38        Test: fast/text/small-line-height.html
     39
     40        * rendering/RenderBlock.cpp:
     41        (WebCore::RenderBlock::baselinePosition):
     42
    1432014-12-08  Eric Carlson  <eric.carlson@apple.com>
    244

  • trunk/Source/WebCore/rendering/RenderBlock.cpp

    r176974 r176978  
    28622862        // (the content inside them moves).  This matches WinIE as well, which just bottom-aligns them.
    28632863        // We also give up on finding a baseline if we have a vertical scrollbar, or if we are scrolled
    2864         // vertically (e.g., an overflow:hidden block that has had scrollTop moved) or if the baseline is outside
    2865         // of our content box.
     2864        // vertically (e.g., an overflow:hidden block that has had scrollTop moved).
    28662865        bool ignoreBaseline = (layer() && (layer()->marquee() || (direction == HorizontalLine ? (layer()->verticalScrollbar() || layer()->scrollYOffset() != 0)
    28672866            : (layer()->horizontalScrollbar() || layer()->scrollXOffset() != 0)))) || (isWritingModeRoot() && !isRubyRun());
    … …  
    28692868        int baselinePos = ignoreBaseline ? -1 : inlineBlockBaseline(direction);
    28702869       
    2871         LayoutUnit bottomOfContent = direction == HorizontalLine ? borderTop() + paddingTop() + contentHeight() : borderRight() + paddingRight() + contentWidth();
    2872         if (baselinePos != -1 && baselinePos <= bottomOfContent)
     2870        if (isDeprecatedFlexibleBox()) {
     2871            // Historically, we did this check for all baselines. But we can't
     2872            // remove this code from deprecated flexbox, because it effectively
     2873            // breaks -webkit-line-clamp, which is used in the wild -- we would
     2874            // calculate the baseline as if -webkit-line-clamp wasn't used.
     2875            // For simplicity, we use this for all uses of deprecated flexbox.
     2876            LayoutUnit bottomOfContent = direction == HorizontalLine ? borderTop() + paddingTop() + contentHeight() : borderRight() + paddingRight() + contentWidth();
     2877            if (baselinePos > bottomOfContent)
     2878                baselinePos = -1;
     2879        }
     2880        if (baselinePos != -1)
    28732881            return direction == HorizontalLine ? marginTop() + baselinePos : marginRight() + baselinePos;
    2874            
     2882
    28752883        return RenderBox::baselinePosition(baselineType, firstLine, direction, linePositionMode);
    28762884    }
Note: See TracChangeset for help on using the changeset viewer.