Changeset 271348 in webkit


Ignore:
Timestamp:
Jan 9, 2021 5:14:18 AM (19 months ago)
Author:
Alan Bujtas
Message:

play.google.com: App preview images are clipped
​https://bugs.webkit.org/show_bug.cgi?id=220470
<rdar://problem/60258531>

Reviewed by Simon Fraser.

Source/WebCore:

"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."
​https://www.w3.org/TR/CSS22/visudet.html#leading

Test: fast/inline/inline-block-baseline-with-overflow-not-visible.html

  • rendering/RenderBlockFlow.cpp:

(WebCore::RenderBlockFlow::inlineBlockBaseline const):

LayoutTests:

Progressions (matching FF and Chrome).

  • fast/inline/inline-block-baseline-with-overflow-not-visible-expected.html: Added.
  • fast/inline/inline-block-baseline-with-overflow-not-visible.html: Added.
Location:
trunk
Files:
2 added
20 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r271342 r271348  
     12021-01-09  Zalan Bujtas  <zalan@apple.com>
     2
     3        play.google.com: App preview images are clipped
     4        https://bugs.webkit.org/show_bug.cgi?id=220470
     5        <rdar://problem/60258531>
     6
     7        Reviewed by Simon Fraser.
     8
     9        Progressions (matching FF and Chrome).
     10
     11        * fast/inline/inline-block-baseline-with-overflow-not-visible-expected.html: Added.
     12        * fast/inline/inline-block-baseline-with-overflow-not-visible.html: Added.
     13
    1142021-01-08  Brady Eidson  <beidson@apple.com>
    215

  • trunk/LayoutTests/compositing/geometry/foreground-layer-expected.txt

    r267644 r271348  
    1010        (GraphicsLayer
    1111          (offsetFromRenderer width=-28 height=-28)
    12           (position 10.00 10.00)
     12          (position 10.00 80.00)
    1313          (bounds 336.00 336.00)
    1414          (drawsContent 1)

  • trunk/LayoutTests/fast/sub-pixel/ellipsis-zoom-expected.html

    r138196 r271348  
    33    <head>
    44        <style>
     5            .test { height: 40px; font-size: 18px; }
    56            .test > div { display: inline-block; white-space: nowrap; padding: 0 1px; }
    67        </style>
    … …  
    89    <body>
    910        <div class="test" style="zoom: 0.5;">
    10             <div class="ellipsis">Should not be truncated</div><br>
    11             <div class="expected">Should not be truncated</div>
     11            <div class="ellipsis">Should not be truncated</div>
    1212        </div>
    1313        <div class="test" style="zoom: 0.66;">
    14             <div class="ellipsis">Should not be truncated</div><br>
    15             <div class="expected">Should not be truncated</div>
     14            <div class="ellipsis">Should not be truncated</div>
    1615        </div>
    1716        <div class="test" style="zoom: 0.75;">
    18             <div class="ellipsis">Should not be truncated</div><br>
    19             <div class="expected">Should not be truncated</div>
     17            <div class="ellipsis">Should not be truncated</div>
    2018        </div>
    2119        <div class="test" style="zoom: 0.9;">
    22             <div class="ellipsis">Should not be truncated</div><br>
    23             <div class="expected">Should not be truncated</div>
     20            <div class="ellipsis">Should not be truncated</div>
    2421        </div>
    2522        <div class="test" style="zoom: 1.0;">
    26             <div class="ellipsis">Should not be truncated</div><br>
    27             <div class="expected">Should not be truncated</div>
     23            <div class="ellipsis">Should not be truncated</div>
    2824        </div>
    2925        <div class="test" style="zoom: 1.1;">
    30             <div class="ellipsis">Should not be truncated</div><br>
    31             <div class="expected">Should not be truncated</div>
     26            <div class="ellipsis">Should not be truncated</div>
    3227        </div>
    3328        <div class="test" style="zoom: 1.25;">
    34             <div class="ellipsis">Should not be truncated</div><br>
    35             <div class="expected">Should not be truncated</div>
     29            <div class="ellipsis">Should not be truncated</div>
    3630        </div>
    3731        <div class="test" style="zoom: 1.33;">
    38             <div class="ellipsis">Should not be truncated</div><br>
    39             <div class="expected">Should not be truncated</div>
     32            <div class="ellipsis">Should not be truncated</div>
    4033        </div>
    4134        <p>

  • trunk/LayoutTests/fast/sub-pixel/ellipsis-zoom.html

    r138196 r271348  
    33    <head>
    44        <style>
    5             .test > div { display: inline-block; overflow: hidden; white-space: nowrap; padding: 0 1px; }
     5            .test { height: 40px; font-size: 18px; }
     6            .test > div { display: inline-block; overflow: hidden; white-space: nowrap; padding: 0 1px;}
    67            .test > .ellipsis { text-overflow: ellipsis; }
    78        </style>
    … …  
    910    <body>
    1011        <div class="test" style="zoom: 0.5;">
    11             <div class="ellipsis">Should not be truncated</div><br>
    12             <div class="expected">Should not be truncated</div>
     12            <div class="ellipsis">Should not be truncated</div>
    1313        </div>
    1414        <div class="test" style="zoom: 0.66;">
    15             <div class="ellipsis">Should not be truncated</div><br>
    16             <div class="expected">Should not be truncated</div>
     15            <div class="ellipsis">Should not be truncated</div>
    1716        </div>
    1817        <div class="test" style="zoom: 0.75;">
    19             <div class="ellipsis">Should not be truncated</div><br>
    20             <div class="expected">Should not be truncated</div>
     18            <div class="ellipsis">Should not be truncated</div>
    2119        </div>
    2220        <div class="test" style="zoom: 0.9;">
    23             <div class="ellipsis">Should not be truncated</div><br>
    24             <div class="expected">Should not be truncated</div>
     21            <div class="ellipsis">Should not be truncated</div>
    2522        </div>
    2623        <div class="test" style="zoom: 1.0;">
    27             <div class="ellipsis">Should not be truncated</div><br>
    28             <div class="expected">Should not be truncated</div>
     24            <div class="ellipsis">Should not be truncated</div>
    2925        </div>
    3026        <div class="test" style="zoom: 1.1;">
    31             <div class="ellipsis">Should not be truncated</div><br>
    32             <div class="expected">Should not be truncated</div>
     27            <div class="ellipsis">Should not be truncated</div>
    3328        </div>
    3429        <div class="test" style="zoom: 1.25;">
    35             <div class="ellipsis">Should not be truncated</div><br>
    36             <div class="expected">Should not be truncated</div>
     30            <div class="ellipsis">Should not be truncated</div>
    3731        </div>
    3832        <div class="test" style="zoom: 1.33;">
    39             <div class="ellipsis">Should not be truncated</div><br>
    40             <div class="expected">Should not be truncated</div>
     33            <div class="ellipsis">Should not be truncated</div>
    4134        </div>
    4235        <p>

  • trunk/LayoutTests/platform/ios/compositing/geometry/clipping-foreground-expected.txt

    r196309 r271348  
    77        RenderText {#text} at (0,0) size 527x19
    88          text run at (0,0) width 527: "The layering and positions of the boxes should not be affected by oveflow:hidden."
    9       RenderBlock (anonymous) at (0,36) size 784x320
    10         RenderText {#text} at (320,150) size 4x19
    11           text run at (320,150) width 4: " "
     9      RenderBlock (anonymous) at (0,36) size 784x475
     10        RenderText {#text} at (320,305) size 4x19
     11          text run at (320,305) width 4: " "
    1212        RenderText {#text} at (0,0) size 0x0
    13 layer at (68,104) size 200x200 layerType: background only
    14 layer at (28,64) size 150x150
     13layer at (68,259) size 200x200 layerType: background only
     14layer at (28,219) size 150x150
    1515  RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
    1616    RenderText zI: -1 {#text} at (22,23) size 107x40
    1717      text run at (22,23) width 107: "Behind"
    1818    RenderText zI: -1 {#text} at (0,0) size 0x0
    19 layer at (50,146) size 100x100
     19layer at (50,301) size 100x100
    2020  RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
    2121    RenderText {#text} at (22,22) size 56x43
    2222      text run at (22,22) width 56: "Behind"
    2323      text run at (22,44) width 54: "behind"
    24 layer at (68,104) size 200x200 layerType: foreground only
    25   RenderBlock (relative positioned) {DIV} at (60,60) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
     24layer at (68,259) size 200x200 layerType: foreground only
     25  RenderBlock (relative positioned) {DIV} at (60,215) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
    2626    RenderText {#text} at (30,31) size 125x82
    2727      text run at (30,31) width 59: "Box"
    … …  
    2929    RenderText {#text} at (0,0) size 0x0
    3030    RenderText {#text} at (0,0) size 0x0
    31 layer at (158,194) size 150x150
     31layer at (158,349) size 150x150
    3232  RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
    3333    RenderText zI: 1 {#text} at (22,23) size 85x82

  • trunk/LayoutTests/platform/ios/fast/clip/overflow-border-radius-combinations-expected.txt

    r268958 r271348  
    77        text run at (0,0) width 467: "The white text and grey backgrounds should all clip to the border-radius."
    88      RenderBR {BR} at (466,0) size 1x19
    9       RenderText {#text} at (240,40) size 4x19
    10         text run at (240,40) width 4: " "
    11       RenderText {#text} at (484,40) size 4x19
    12         text run at (484,40) width 4: " "
     9      RenderText {#text} at (240,145) size 4x19
     10        text run at (240,145) width 4: " "
     11      RenderText {#text} at (484,145) size 4x19
     12        text run at (484,145) width 4: " "
    1313      RenderText {#text} at (0,0) size 0x0
    1414      RenderText {#text} at (0,0) size 0x0
    15       RenderBR {BR} at (240,180) size 0x19
     15      RenderBR {BR} at (240,290) size 0x19
    1616      RenderText {#text} at (0,0) size 0x0
    1717layer at (18,38) size 220x120 clip at (28,48) size 200x100
    … …  
    3131      RenderText {#text} at (0,0) size 99x19
    3232        text run at (0,0) width 99: "relative > static"
    33 layer at (18,178) size 220x120 clip at (28,188) size 200x100
    34   RenderBlock (relative positioned) {DIV} at (10,170) size 220x120 [border: (10px solid #000000)]
    35 layer at (28,188) size 200x100
     33layer at (18,183) size 220x120 clip at (28,193) size 200x100
     34  RenderBlock (relative positioned) {DIV} at (10,175) size 220x120 [border: (10px solid #000000)]
     35layer at (28,193) size 200x100
    3636  RenderBlock (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    3737    RenderText {#text} at (0,0) size 113x19
    3838      text run at (0,0) width 113: "relative > relative"
    39 layer at (18,318) size 220x120 clip at (28,328) size 200x100
    40   RenderBlock (relative positioned) {DIV} at (10,310) size 220x120 [border: (10px solid #000000)]
    41 layer at (28,328) size 200x100
     39layer at (18,323) size 220x120 clip at (28,333) size 200x100
     40  RenderBlock (relative positioned) {DIV} at (10,315) size 220x120 [border: (10px solid #000000)]
     41layer at (28,333) size 200x100
    4242  RenderBlock (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    4343    RenderText {#text} at (0,0) size 119x19

  • trunk/LayoutTests/platform/ios/fast/clip/overflow-border-radius-composited-expected.txt

    r268958 r271348  
    77        text run at (0,0) width 467: "The white text and grey backgrounds should all clip to the border-radius."
    88      RenderBR {BR} at (466,0) size 1x19
    9       RenderText {#text} at (240,40) size 4x19
    10         text run at (240,40) width 4: " "
    11       RenderText {#text} at (484,40) size 4x19
    12         text run at (484,40) width 4: " "
     9      RenderText {#text} at (240,145) size 4x19
     10        text run at (240,145) width 4: " "
     11      RenderText {#text} at (484,145) size 4x19
     12        text run at (484,145) width 4: " "
    1313      RenderText {#text} at (0,0) size 0x0
    1414      RenderText {#text} at (0,0) size 0x0
    15       RenderBR {BR} at (240,180) size 0x19
     15      RenderBR {BR} at (240,290) size 0x19
    1616      RenderText {#text} at (0,0) size 0x0
    1717layer at (18,38) size 220x120 clip at (28,48) size 200x100 scrollWidth 206 scrollHeight 156
    … …  
    3333    RenderText {#text} at (0,0) size 99x19
    3434      text run at (0,0) width 99: "relative > static"
    35 layer at (18,178) size 220x120 clip at (28,188) size 200x100 scrollWidth 206 scrollHeight 156
    36   RenderBlock (relative positioned) {DIV} at (10,170) size 220x120 [border: (10px solid #000000)]
    37 layer at (28,188) size 200x100
     35layer at (18,183) size 220x120 clip at (28,193) size 200x100 scrollWidth 206 scrollHeight 156
     36  RenderBlock (relative positioned) {DIV} at (10,175) size 220x120 [border: (10px solid #000000)]
     37layer at (28,193) size 200x100
    3838  RenderBlock (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    3939    RenderText {#text} at (0,0) size 113x19
    4040      text run at (0,0) width 113: "relative > relative"
    41 layer at (18,318) size 220x120 clip at (28,328) size 200x100 scrollWidth 206 scrollHeight 156
    42   RenderBlock (relative positioned) {DIV} at (10,310) size 220x120 [border: (10px solid #000000)]
    43 layer at (28,328) size 200x100
     41layer at (18,323) size 220x120 clip at (28,333) size 200x100 scrollWidth 206 scrollHeight 156
     42  RenderBlock (relative positioned) {DIV} at (10,315) size 220x120 [border: (10px solid #000000)]
     43layer at (28,333) size 200x100
    4444  RenderBlock (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    4545    RenderText {#text} at (0,0) size 119x19

  • trunk/LayoutTests/platform/ios/fast/clip/overflow-border-radius-transformed-expected.txt

    r268958 r271348  
    77        text run at (0,0) width 467: "The white text and grey backgrounds should all clip to the border-radius."
    88      RenderBR {BR} at (466,0) size 1x19
    9       RenderText {#text} at (240,40) size 4x19
    10         text run at (240,40) width 4: " "
    11       RenderText {#text} at (484,40) size 4x19
    12         text run at (484,40) width 4: " "
     9      RenderText {#text} at (240,145) size 4x19
     10        text run at (240,145) width 4: " "
     11      RenderText {#text} at (484,145) size 4x19
     12        text run at (484,145) width 4: " "
    1313      RenderText {#text} at (0,0) size 0x0
    1414      RenderText {#text} at (0,0) size 0x0
    15       RenderBR {BR} at (240,180) size 0x19
     15      RenderBR {BR} at (240,290) size 0x19
    1616      RenderText {#text} at (0,0) size 0x0
    1717layer at (18,38) size 220x120 clip at (28,48) size 200x100 scrollWidth 206 scrollHeight 156
    … …  
    3333    RenderText {#text} at (0,0) size 99x19
    3434      text run at (0,0) width 99: "relative > static"
    35 layer at (18,178) size 220x120 clip at (28,188) size 200x100 scrollWidth 206 scrollHeight 156
    36   RenderBlock (relative positioned) {DIV} at (10,170) size 220x120 [border: (10px solid #000000)]
    37 layer at (28,188) size 200x100
     35layer at (18,183) size 220x120 clip at (28,193) size 200x100 scrollWidth 206 scrollHeight 156
     36  RenderBlock (relative positioned) {DIV} at (10,175) size 220x120 [border: (10px solid #000000)]
     37layer at (28,193) size 200x100
    3838  RenderBlock (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    3939    RenderText {#text} at (0,0) size 113x19
    4040      text run at (0,0) width 113: "relative > relative"
    41 layer at (18,318) size 220x120 clip at (28,328) size 200x100 scrollWidth 206 scrollHeight 156
    42   RenderBlock (relative positioned) {DIV} at (10,310) size 220x120 [border: (10px solid #000000)]
    43 layer at (28,328) size 200x100
     41layer at (18,323) size 220x120 clip at (28,333) size 200x100 scrollWidth 206 scrollHeight 156
     42  RenderBlock (relative positioned) {DIV} at (10,315) size 220x120 [border: (10px solid #000000)]
     43layer at (28,333) size 200x100
    4444  RenderBlock (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    4545    RenderText {#text} at (0,0) size 119x19

  • trunk/LayoutTests/platform/ios/fast/forms/auto-fill-button/input-strong-password-auto-fill-button-expected.txt

    r266695 r271348  
    11layer at (0,0) size 800x600
    22  RenderView at (0,0) size 800x600
    3 layer at (0,0) size 800x214
    4   RenderBlock {HTML} at (0,0) size 800x214
    5     RenderBody {BODY} at (8,16) size 784x190
     3layer at (0,0) size 800x220
     4  RenderBlock {HTML} at (0,0) size 800x220
     5    RenderBody {BODY} at (8,16) size 784x196
    66      RenderBlock {P} at (0,0) size 784x20
    77        RenderText {#text} at (0,0) size 758x19
    88          text run at (0,0) width 758: "This tests that the Strong Password AutoFill button renders in an auto-filled input. It can only be tested in the test tool."
    9       RenderBlock {DIV} at (0,36) size 784x154
    10         RenderTextControl {INPUT} at (2,14) size 153x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
    11         RenderText {#text} at (157,13) size 4x19
    12           text run at (157,13) width 4: " "
    13         RenderTextControl {INPUT} at (163,14) size 153x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
    14         RenderText {#text} at (318,13) size 4x19
    15           text run at (318,13) width 4: " "
    16         RenderTextControl {INPUT} at (322,14) size 313x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
    17         RenderText {#text} at (635,13) size 4x19
    18           text run at (635,13) width 4: " "
     9      RenderBlock {DIV} at (0,36) size 784x160
     10        RenderTextControl {INPUT} at (2,17) size 153x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
     11        RenderText {#text} at (157,16) size 4x19
     12          text run at (157,16) width 4: " "
     13        RenderTextControl {INPUT} at (163,17) size 153x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
     14        RenderText {#text} at (318,16) size 4x19
     15          text run at (318,16) width 4: " "
     16        RenderTextControl {INPUT} at (322,17) size 313x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
     17        RenderText {#text} at (635,16) size 4x19
     18          text run at (635,16) width 4: " "
    1919        RenderTextControl {INPUT} at (639,2) size 33x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
    2020        RenderText {#text} at (0,0) size 0x0
    21         RenderTextControl {INPUT} at (2,47) size 153x108 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
    22         RenderText {#text} at (157,90) size 4x19
    23           text run at (157,90) width 4: " "
    24         RenderTextControl {INPUT} at (161,35) size 33x108 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
    25         RenderText {#text} at (194,90) size 4x19
    26           text run at (194,90) width 4: " "
    27         RenderTextControl {INPUT} at (200,91) size 153x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
    28 layer at (17,69) size 140x12 scrollHeight 14
     21        RenderTextControl {INPUT} at (2,53) size 153x108 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
     22        RenderText {#text} at (157,96) size 4x19
     23          text run at (157,96) width 4: " "
     24        RenderTextControl {INPUT} at (161,38) size 33x108 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
     25        RenderText {#text} at (194,96) size 4x19
     26          text run at (194,96) width 4: " "
     27        RenderTextControl {INPUT} at (200,97) size 153x20 [bgcolor=#FAFFBD] [border: (1px solid #4C4C4C)]
     28layer at (17,72) size 140x12 scrollHeight 15
    2929  RenderFlexibleBox {DIV} at (6,3) size 141x13
    30     RenderBlock {DIV} at (45,0) size 95x14 [color=#000000CC]
     30    RenderBlock {DIV} at (45,0) size 95x15 [color=#000000CC]
    3131      RenderText {#text} at (6,0) size 89x14
    3232        text run at (6,0) width 89: "Strong Password"
    33 layer at (17,70) size 46x12 backgroundClip at (17,70) size 45x11 clip at (17,70) size 45x11
    34   RenderBlock {DIV} at (0,1) size 46x12
    35 layer at (178,69) size 140x12 scrollHeight 14
     33layer at (17,72) size 46x15 backgroundClip at (17,72) size 45x12 clip at (17,72) size 45x12
     34  RenderBlock {DIV} at (0,0) size 46x15
     35layer at (178,72) size 140x12 scrollHeight 15
    3636  RenderFlexibleBox {DIV} at (6,3) size 141x13
    37     RenderBlock {DIV} at (45,0) size 95x14 [color=#000000CC]
     37    RenderBlock {DIV} at (45,0) size 95x15 [color=#000000CC]
    3838      RenderText {#text} at (6,0) size 89x14
    3939        text run at (6,0) width 89: "Strong Password"
    40 layer at (178,70) size 46x12 backgroundClip at (178,70) size 45x11 clip at (178,70) size 45x11
    41   RenderBlock {DIV} at (0,1) size 46x12
    42 layer at (337,69) size 300x12 scrollHeight 14
     40layer at (178,72) size 46x15 backgroundClip at (178,72) size 45x12 clip at (178,72) size 45x12
     41  RenderBlock {DIV} at (0,0) size 46x15
     42layer at (337,72) size 300x12 scrollHeight 15
    4343  RenderFlexibleBox {DIV} at (6,3) size 301x13
    44     RenderBlock {DIV} at (205,0) size 95x14 [color=#000000CC]
     44    RenderBlock {DIV} at (205,0) size 95x15 [color=#000000CC]
    4545      RenderText {#text} at (6,0) size 89x14
    4646        text run at (6,0) width 89: "Strong Password"
    47 layer at (337,70) size 206x12 backgroundClip at (337,70) size 205x11 clip at (337,70) size 205x11
    48   RenderBlock {DIV} at (0,1) size 206x12
    49 layer at (654,57) size 20x12 scrollWidth 94 scrollHeight 26
     47layer at (337,72) size 206x15 backgroundClip at (337,72) size 205x12 clip at (337,72) size 205x12
     48  RenderBlock {DIV} at (0,0) size 206x15
     49layer at (654,57) size 20x12 scrollWidth 94 scrollHeight 29
    5050  RenderFlexibleBox {DIV} at (6,3) size 21x13
    51     RenderBlock {DIV} at (0,12) size 95x14 [color=#000000CC]
     51    RenderBlock {DIV} at (0,15) size 95x14 [color=#000000CC]
    5252      RenderText {#text} at (6,0) size 89x14
    5353        text run at (6,0) width 89: "Strong Password"
    54 layer at (654,57) size 20x12
    55   RenderBlock {DIV} at (0,0) size 20x12
    56 layer at (17,146) size 140x12 scrollHeight 14
     54layer at (654,57) size 20x15 backgroundClip at (654,57) size 20x12 clip at (654,57) size 20x12
     55  RenderBlock {DIV} at (0,0) size 20x15
     56layer at (17,152) size 140x12 scrollHeight 15
    5757  RenderFlexibleBox {DIV} at (6,47) size 141x13
    58     RenderBlock {DIV} at (45,0) size 95x14 [color=#000000CC]
     58    RenderBlock {DIV} at (45,0) size 95x15 [color=#000000CC]
    5959      RenderText {#text} at (6,0) size 89x14
    6060        text run at (6,0) width 89: "Strong Password"
    61 layer at (17,147) size 46x12 backgroundClip at (17,147) size 45x11 clip at (17,147) size 45x11
    62   RenderBlock {DIV} at (0,1) size 46x12
    63 layer at (176,134) size 20x12 scrollWidth 94 scrollHeight 26
     61layer at (17,152) size 46x15 backgroundClip at (17,152) size 45x12 clip at (17,152) size 45x12
     62  RenderBlock {DIV} at (0,0) size 46x15
     63layer at (176,137) size 20x12 scrollWidth 94 scrollHeight 29
    6464  RenderFlexibleBox {DIV} at (6,47) size 21x13
    65     RenderBlock {DIV} at (0,12) size 95x14 [color=#000000CC]
     65    RenderBlock {DIV} at (0,15) size 95x14 [color=#000000CC]
    6666      RenderText {#text} at (6,0) size 89x14
    6767        text run at (6,0) width 89: "Strong Password"
    68 layer at (176,134) size 20x12
    69   RenderBlock {DIV} at (0,0) size 20x12
    70 layer at (215,146) size 140x12 scrollHeight 14
     68layer at (176,137) size 20x15 backgroundClip at (176,137) size 20x12 clip at (176,137) size 20x12
     69  RenderBlock {DIV} at (0,0) size 20x15
     70layer at (215,152) size 140x12 scrollHeight 15
    7171  RenderFlexibleBox {DIV} at (6,3) size 141x13
    72     RenderBlock {DIV} at (45,0) size 95x14 [color=#000000CC]
     72    RenderBlock {DIV} at (45,0) size 95x15 [color=#000000CC]
    7373      RenderText {#text} at (6,0) size 89x14
    7474        text run at (6,0) width 89: "Strong Password"
    75 layer at (215,147) size 46x12 backgroundClip at (215,147) size 45x11 clip at (215,147) size 45x11
    76   RenderBlock {DIV} at (0,1) size 46x12
    77 layer at (17,70) size 46x12 backgroundClip at (17,70) size 45x11 clip at (17,70) size 45x11 scrollWidth 284
     75layer at (215,152) size 46x15 backgroundClip at (215,152) size 45x12 clip at (215,152) size 45x12
     76  RenderBlock {DIV} at (0,0) size 46x15
     77layer at (17,72) size 46x12 backgroundClip at (17,72) size 45x12 clip at (17,72) size 45x12 scrollWidth 284
    7878  RenderBlock {DIV} at (0,0) size 46x12 [color=#00000099]
    7979    RenderText {#text} at (0,0) size 284x12
    8080      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    81 layer at (178,70) size 46x12 backgroundClip at (178,70) size 45x11 clip at (178,70) size 45x11 scrollWidth 284
     81layer at (178,72) size 46x12 backgroundClip at (178,72) size 45x12 clip at (178,72) size 45x12 scrollWidth 284
    8282  RenderBlock {DIV} at (0,0) size 46x12 [color=#00000099]
    8383    RenderText {#text} at (0,0) size 284x12
    8484      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    85 layer at (337,70) size 206x12 backgroundClip at (337,70) size 205x11 clip at (337,70) size 205x11 scrollWidth 284
     85layer at (337,72) size 206x12 backgroundClip at (337,72) size 205x12 clip at (337,72) size 205x12 scrollWidth 284
    8686  RenderBlock {DIV} at (0,0) size 206x12 [color=#00000099]
    8787    RenderText {#text} at (0,0) size 284x12
    … …  
    9191    RenderText {#text} at (0,0) size 284x12
    9292      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    93 layer at (17,147) size 46x12 backgroundClip at (17,147) size 45x11 clip at (17,147) size 45x11 scrollWidth 284
     93layer at (17,152) size 46x12 backgroundClip at (17,152) size 45x12 clip at (17,152) size 45x12 scrollWidth 284
    9494  RenderBlock {DIV} at (0,0) size 46x12 [color=#00000099]
    9595    RenderText {#text} at (0,0) size 284x12
    9696      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    97 layer at (176,134) size 20x12 scrollWidth 284
     97layer at (176,137) size 20x12 scrollWidth 284
    9898  RenderBlock {DIV} at (0,0) size 20x12 [color=#00000099]
    9999    RenderText {#text} at (0,0) size 284x12

  • trunk/LayoutTests/platform/ios/fast/forms/linebox-overflow-in-textarea-padding-expected.txt

    r242379 r271348  
    44  RenderBlock {HTML} at (0,0) size 800x600
    55    RenderBody {BODY} at (8,8) size 784x576
    6       RenderBlock (anonymous) at (0,0) size 784x75
     6      RenderBlock (anonymous) at (0,0) size 784x55
    77        RenderText {#text} at (300,35) size 4x19
    88          text run at (300,35) width 4: " "
    99        RenderText {#text} at (0,0) size 0x0
    10       RenderBlock {P} at (0,91) size 784x40
     10      RenderBlock {P} at (0,71) size 784x40
    1111        RenderText {#text} at (0,0) size 771x39
    1212          text run at (0,0) width 771: "This is a pixel test that tests the linebox overflow in the padding on textareas. The div on the right is styled to look like a"
    … …  
    1919        text run at (162,-16) width 19: " "
    2020        text run at (0,-16) width 163: "ggggggggg"
    21 layer at (312,33) size 300x50 clip at (315,36) size 294x44
    22   RenderBlock {DIV} at (304,25) size 300x50 [color=#0000FF] [border: (3px solid #FFFF00)]
     21layer at (312,8) size 300x50 clip at (315,11) size 294x44
     22  RenderBlock {DIV} at (304,0) size 300x50 [color=#0000FF] [border: (3px solid #FFFF00)]
    2323    RenderBlock {DIV} at (18,18) size 264x0
    2424      RenderText {#text} at (0,-16) size 163x31

  • trunk/LayoutTests/platform/ios/fast/inline-block/tricky-baseline-expected.txt

    r268520 r271348  
    88        text run at (0,20) width 46: "blocks."
    99      RenderBR {BR} at (45,20) size 1x19
    10       RenderText {#text} at (104,282) size 4x19
    11         text run at (104,282) width 4: " "
     10      RenderText {#text} at (104,429) size 4x19
     11        text run at (104,429) width 4: " "
    1212      RenderText {#text} at (0,0) size 0x0
    13 layer at (8,101) size 104x204 clip at (10,103) size 85x200 scrollHeight 520
    14   RenderBlock {DIV} at (0,93) size 104x204 [border: (2px solid #800080)]
     13layer at (8,248) size 104x204 clip at (10,250) size 85x200 scrollHeight 520
     14  RenderBlock {DIV} at (0,240) size 104x204 [border: (2px solid #800080)]
    1515    RenderText {#text} at (2,2) size 81x39
    1616      text run at (2,2) width 81: "This is some"

  • trunk/LayoutTests/platform/mac/compositing/geometry/clipping-foreground-expected.txt

    r196244 r271348  
    77        RenderText {#text} at (0,0) size 526x18
    88          text run at (0,0) width 526: "The layering and positions of the boxes should not be affected by oveflow:hidden."
    9       RenderBlock (anonymous) at (0,34) size 784x320
    10         RenderText {#text} at (320,147) size 4x18
    11           text run at (320,147) width 4: " "
     9      RenderBlock (anonymous) at (0,34) size 784x479
     10        RenderText {#text} at (320,306) size 4x18
     11          text run at (320,306) width 4: " "
    1212        RenderText {#text} at (0,0) size 0x0
    13 layer at (68,102) size 200x200 layerType: background only
    14 layer at (28,62) size 150x150
     13layer at (68,261) size 200x200 layerType: background only
     14layer at (28,221) size 150x150
    1515  RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
    1616    RenderText zI: -1 {#text} at (22,22) size 107x40
    1717      text run at (22,22) width 107: "Behind"
    1818    RenderText zI: -1 {#text} at (0,0) size 0x0
    19 layer at (50,144) size 100x100
     19layer at (50,303) size 100x100
    2020  RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
    2121    RenderText {#text} at (22,22) size 56x44
    2222      text run at (22,22) width 56: "Behind"
    2323      text run at (22,44) width 54: "behind"
    24 layer at (68,102) size 200x200 layerType: foreground only
    25   RenderBlock (relative positioned) {DIV} at (60,60) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
     24layer at (68,261) size 200x200 layerType: foreground only
     25  RenderBlock (relative positioned) {DIV} at (60,219) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
    2626    RenderText {#text} at (30,30) size 125x80
    2727      text run at (30,30) width 59: "Box"
    … …  
    2929    RenderText {#text} at (0,0) size 0x0
    3030    RenderText {#text} at (0,0) size 0x0
    31 layer at (158,192) size 150x150
     31layer at (158,351) size 150x150
    3232  RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
    3333    RenderText zI: 1 {#text} at (22,22) size 85x80

  • trunk/LayoutTests/platform/mac/fast/clip/overflow-border-radius-combinations-expected.txt

    r268958 r271348  
    77        text run at (0,0) width 467: "The white text and grey backgrounds should all clip to the border-radius."
    88      RenderBR {BR} at (466,0) size 1x18
    9       RenderText {#text} at (240,38) size 4x18
    10         text run at (240,38) width 4: " "
    11       RenderText {#text} at (484,38) size 4x18
    12         text run at (484,38) width 4: " "
     9      RenderText {#text} at (240,144) size 4x18
     10        text run at (240,144) width 4: " "
     11      RenderText {#text} at (484,144) size 4x18
     12        text run at (484,144) width 4: " "
    1313      RenderText {#text} at (0,0) size 0x0
    1414      RenderText {#text} at (0,0) size 0x0
    15       RenderBR {BR} at (240,178) size 0x18
     15      RenderBR {BR} at (240,288) size 0x18
    1616      RenderText {#text} at (0,0) size 0x0
    1717layer at (18,36) size 220x120 clip at (28,46) size 200x100
    … …  
    3131      RenderText {#text} at (0,0) size 99x18
    3232        text run at (0,0) width 99: "relative > static"
    33 layer at (18,176) size 220x120 clip at (28,186) size 200x100
    34   RenderBlock (relative positioned) {DIV} at (10,168) size 220x120 [border: (10px solid #000000)]
    35 layer at (28,186) size 200x100
     33layer at (18,180) size 220x120 clip at (28,190) size 200x100
     34  RenderBlock (relative positioned) {DIV} at (10,172) size 220x120 [border: (10px solid #000000)]
     35layer at (28,190) size 200x100
    3636  RenderBlock (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    3737    RenderText {#text} at (0,0) size 113x18
    3838      text run at (0,0) width 113: "relative > relative"
    39 layer at (18,316) size 220x120 clip at (28,326) size 200x100
    40   RenderBlock (relative positioned) {DIV} at (10,308) size 220x120 [border: (10px solid #000000)]
    41 layer at (28,326) size 200x100
     39layer at (18,320) size 220x120 clip at (28,330) size 200x100
     40  RenderBlock (relative positioned) {DIV} at (10,312) size 220x120 [border: (10px solid #000000)]
     41layer at (28,330) size 200x100
    4242  RenderBlock (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    4343    RenderText {#text} at (0,0) size 119x18

  • trunk/LayoutTests/platform/mac/fast/clip/overflow-border-radius-composited-expected.txt

    r268958 r271348  
    77        text run at (0,0) width 467: "The white text and grey backgrounds should all clip to the border-radius."
    88      RenderBR {BR} at (466,0) size 1x18
    9       RenderText {#text} at (240,38) size 4x18
    10         text run at (240,38) width 4: " "
    11       RenderText {#text} at (484,38) size 4x18
    12         text run at (484,38) width 4: " "
     9      RenderText {#text} at (240,144) size 4x18
     10        text run at (240,144) width 4: " "
     11      RenderText {#text} at (484,144) size 4x18
     12        text run at (484,144) width 4: " "
    1313      RenderText {#text} at (0,0) size 0x0
    1414      RenderText {#text} at (0,0) size 0x0
    15       RenderBR {BR} at (240,178) size 0x18
     15      RenderBR {BR} at (240,288) size 0x18
    1616      RenderText {#text} at (0,0) size 0x0
    1717layer at (18,36) size 220x120 clip at (28,46) size 200x100 scrollWidth 206 scrollHeight 156
    … …  
    3333    RenderText {#text} at (0,0) size 99x18
    3434      text run at (0,0) width 99: "relative > static"
    35 layer at (18,176) size 220x120 clip at (28,186) size 200x100 scrollWidth 206 scrollHeight 156
    36   RenderBlock (relative positioned) {DIV} at (10,168) size 220x120 [border: (10px solid #000000)]
    37 layer at (28,186) size 200x100
     35layer at (18,180) size 220x120 clip at (28,190) size 200x100 scrollWidth 206 scrollHeight 156
     36  RenderBlock (relative positioned) {DIV} at (10,172) size 220x120 [border: (10px solid #000000)]
     37layer at (28,190) size 200x100
    3838  RenderBlock (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    3939    RenderText {#text} at (0,0) size 113x18
    4040      text run at (0,0) width 113: "relative > relative"
    41 layer at (18,316) size 220x120 clip at (28,326) size 200x100 scrollWidth 206 scrollHeight 156
    42   RenderBlock (relative positioned) {DIV} at (10,308) size 220x120 [border: (10px solid #000000)]
    43 layer at (28,326) size 200x100
     41layer at (18,320) size 220x120 clip at (28,330) size 200x100 scrollWidth 206 scrollHeight 156
     42  RenderBlock (relative positioned) {DIV} at (10,312) size 220x120 [border: (10px solid #000000)]
     43layer at (28,330) size 200x100
    4444  RenderBlock (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    4545    RenderText {#text} at (0,0) size 119x18

  • trunk/LayoutTests/platform/mac/fast/clip/overflow-border-radius-transformed-expected.txt

    r268958 r271348  
    77        text run at (0,0) width 467: "The white text and grey backgrounds should all clip to the border-radius."
    88      RenderBR {BR} at (466,0) size 1x18
    9       RenderText {#text} at (240,38) size 4x18
    10         text run at (240,38) width 4: " "
    11       RenderText {#text} at (484,38) size 4x18
    12         text run at (484,38) width 4: " "
     9      RenderText {#text} at (240,144) size 4x18
     10        text run at (240,144) width 4: " "
     11      RenderText {#text} at (484,144) size 4x18
     12        text run at (484,144) width 4: " "
    1313      RenderText {#text} at (0,0) size 0x0
    1414      RenderText {#text} at (0,0) size 0x0
    15       RenderBR {BR} at (240,178) size 0x18
     15      RenderBR {BR} at (240,288) size 0x18
    1616      RenderText {#text} at (0,0) size 0x0
    1717layer at (18,36) size 220x120 clip at (28,46) size 200x100 scrollWidth 206 scrollHeight 156
    … …  
    3333    RenderText {#text} at (0,0) size 99x18
    3434      text run at (0,0) width 99: "relative > static"
    35 layer at (18,176) size 220x120 clip at (28,186) size 200x100 scrollWidth 206 scrollHeight 156
    36   RenderBlock (relative positioned) {DIV} at (10,168) size 220x120 [border: (10px solid #000000)]
    37 layer at (28,186) size 200x100
     35layer at (18,180) size 220x120 clip at (28,190) size 200x100 scrollWidth 206 scrollHeight 156
     36  RenderBlock (relative positioned) {DIV} at (10,172) size 220x120 [border: (10px solid #000000)]
     37layer at (28,190) size 200x100
    3838  RenderBlock (relative positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    3939    RenderText {#text} at (0,0) size 113x18
    4040      text run at (0,0) width 113: "relative > relative"
    41 layer at (18,316) size 220x120 clip at (28,326) size 200x100 scrollWidth 206 scrollHeight 156
    42   RenderBlock (relative positioned) {DIV} at (10,308) size 220x120 [border: (10px solid #000000)]
    43 layer at (28,326) size 200x100
     41layer at (18,320) size 220x120 clip at (28,330) size 200x100 scrollWidth 206 scrollHeight 156
     42  RenderBlock (relative positioned) {DIV} at (10,312) size 220x120 [border: (10px solid #000000)]
     43layer at (28,330) size 200x100
    4444  RenderBlock (positioned) {DIV} at (10,10) size 200x100 [color=#FFFFFF] [bgcolor=#808080]
    4545    RenderText {#text} at (0,0) size 119x18

  • trunk/LayoutTests/platform/mac/fast/forms/auto-fill-button/input-strong-password-auto-fill-button-expected.txt

    r266695 r271348  
    11layer at (0,0) size 800x600
    22  RenderView at (0,0) size 800x600
    3 layer at (0,0) size 800x213
    4   RenderBlock {HTML} at (0,0) size 800x213
    5     RenderBody {BODY} at (8,16) size 784x189
     3layer at (0,0) size 800x217
     4  RenderBlock {HTML} at (0,0) size 800x217
     5    RenderBody {BODY} at (8,16) size 784x193
    66      RenderBlock {P} at (0,0) size 784x18
    77        RenderText {#text} at (0,0) size 757x18
    88          text run at (0,0) width 757: "This tests that the Strong Password AutoFill button renders in an auto-filled input. It can only be tested in the test tool."
    9       RenderBlock {DIV} at (0,34) size 784x155
    10         RenderTextControl {INPUT} at (2,15) size 158x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
    11         RenderText {#text} at (162,15) size 4x18
    12           text run at (162,15) width 4: " "
    13         RenderTextControl {INPUT} at (168,15) size 158x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
    14         RenderText {#text} at (328,15) size 4x18
    15           text run at (328,15) width 4: " "
    16         RenderTextControl {INPUT} at (332,15) size 306x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
    17         RenderText {#text} at (638,15) size 4x18
    18           text run at (638,15) width 4: " "
     9      RenderBlock {DIV} at (0,34) size 784x159
     10        RenderTextControl {INPUT} at (2,17) size 158x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
     11        RenderText {#text} at (162,18) size 4x18
     12          text run at (162,18) width 4: " "
     13        RenderTextControl {INPUT} at (168,17) size 158x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
     14        RenderText {#text} at (328,18) size 4x18
     15          text run at (328,18) width 4: " "
     16        RenderTextControl {INPUT} at (332,17) size 306x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
     17        RenderText {#text} at (638,18) size 4x18
     18          text run at (638,18) width 4: " "
    1919        RenderTextControl {INPUT} at (642,2) size 26x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
    2020        RenderText {#text} at (0,0) size 0x0
    21         RenderTextControl {INPUT} at (2,49) size 158x106 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
    22         RenderText {#text} at (162,92) size 4x18
    23           text run at (162,92) width 4: " "
    24         RenderTextControl {INPUT} at (166,36) size 26x106 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
    25         RenderText {#text} at (192,92) size 4x18
    26           text run at (192,92) width 4: " "
    27         RenderTextControl {INPUT} at (198,92) size 158x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
    28 layer at (13,68) size 152x13
     21        RenderTextControl {INPUT} at (2,53) size 158x106 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
     22        RenderText {#text} at (162,97) size 4x18
     23          text run at (162,97) width 4: " "
     24        RenderTextControl {INPUT} at (166,38) size 26x106 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
     25        RenderText {#text} at (192,97) size 4x18
     26          text run at (192,97) width 4: " "
     27        RenderTextControl {INPUT} at (198,96) size 158x19 [bgcolor=#FAFFBD] [border: (2px inset #000000)]
     28layer at (13,70) size 152x13 scrollHeight 16
    2929  RenderFlexibleBox {DIV} at (3,3) size 152x13
    30     RenderBlock {DIV} at (57,0) size 95x13 [color=#000000CC]
     30    RenderBlock {DIV} at (57,1) size 95x14 [color=#000000CC]
    3131      RenderText {#text} at (6,0) size 89x13
    3232        text run at (6,0) width 89: "Strong Password"
    33 layer at (13,68) size 58x13
    34   RenderBlock {DIV} at (0,0) size 58x13
    35 layer at (179,68) size 152x13
     33layer at (13,70) size 58x16 backgroundClip at (13,70) size 58x13 clip at (13,70) size 58x13
     34  RenderBlock {DIV} at (0,0) size 58x16
     35layer at (179,70) size 152x13 scrollHeight 16
    3636  RenderFlexibleBox {DIV} at (3,3) size 152x13
    37     RenderBlock {DIV} at (57,0) size 95x13 [color=#000000CC]
     37    RenderBlock {DIV} at (57,1) size 95x14 [color=#000000CC]
    3838      RenderText {#text} at (6,0) size 89x13
    3939        text run at (6,0) width 89: "Strong Password"
    40 layer at (179,68) size 58x13
    41   RenderBlock {DIV} at (0,0) size 58x13
    42 layer at (343,68) size 300x13
     40layer at (179,70) size 58x16 backgroundClip at (179,70) size 58x13 clip at (179,70) size 58x13
     41  RenderBlock {DIV} at (0,0) size 58x16
     42layer at (343,70) size 300x13 scrollHeight 16
    4343  RenderFlexibleBox {DIV} at (3,3) size 300x13
    44     RenderBlock {DIV} at (205,0) size 95x13 [color=#000000CC]
     44    RenderBlock {DIV} at (205,1) size 95x14 [color=#000000CC]
    4545      RenderText {#text} at (6,0) size 89x13
    4646        text run at (6,0) width 89: "Strong Password"
    47 layer at (343,68) size 206x13
    48   RenderBlock {DIV} at (0,0) size 206x13
    49 layer at (653,55) size 20x13 scrollWidth 94 scrollHeight 26
     47layer at (343,70) size 206x16 backgroundClip at (343,70) size 206x13 clip at (343,70) size 206x13
     48  RenderBlock {DIV} at (0,0) size 206x16
     49layer at (653,55) size 20x13 scrollWidth 94 scrollHeight 29
    5050  RenderFlexibleBox {DIV} at (3,3) size 20x13
    51     RenderBlock {DIV} at (0,13) size 95x13 [color=#000000CC]
     51    RenderBlock {DIV} at (0,16) size 95x13 [color=#000000CC]
    5252      RenderText {#text} at (6,0) size 89x13
    5353        text run at (6,0) width 89: "Strong Password"
    54 layer at (653,55) size 20x13
    55   RenderBlock {DIV} at (0,0) size 20x13
    56 layer at (13,102) size 152x100
    57   RenderFlexibleBox {DIV} at (3,3) size 152x100
    58     RenderBlock {DIV} at (57,43) size 95x14 [color=#000000CC]
     54layer at (653,55) size 20x16 backgroundClip at (653,55) size 20x13 clip at (653,55) size 20x13
     55  RenderBlock {DIV} at (0,0) size 20x16
     56layer at (13,150) size 152x13 scrollHeight 16
     57  RenderFlexibleBox {DIV} at (3,46) size 152x14
     58    RenderBlock {DIV} at (57,1) size 95x14 [color=#000000CC]
    5959      RenderText {#text} at (6,0) size 89x13
    6060        text run at (6,0) width 89: "Strong Password"
    61 layer at (13,146) size 58x13
    62   RenderBlock {DIV} at (0,43) size 58x14
    63 layer at (177,133) size 20x13 scrollWidth 94 scrollHeight 26
     61layer at (13,150) size 58x16 backgroundClip at (13,150) size 58x13 clip at (13,150) size 58x13
     62  RenderBlock {DIV} at (0,0) size 58x16
     63layer at (177,135) size 20x13 scrollWidth 94 scrollHeight 29
    6464  RenderFlexibleBox {DIV} at (3,46) size 20x14
    65     RenderBlock {DIV} at (0,13) size 95x13 [color=#000000CC]
     65    RenderBlock {DIV} at (0,16) size 95x13 [color=#000000CC]
    6666      RenderText {#text} at (6,0) size 89x13
    6767        text run at (6,0) width 89: "Strong Password"
    68 layer at (177,133) size 20x13
    69   RenderBlock {DIV} at (0,0) size 20x13
    70 layer at (209,145) size 152x13
     68layer at (177,135) size 20x16 backgroundClip at (177,135) size 20x13 clip at (177,135) size 20x13
     69  RenderBlock {DIV} at (0,0) size 20x16
     70layer at (209,149) size 152x13 scrollHeight 16
    7171  RenderFlexibleBox {DIV} at (3,3) size 152x13
    72     RenderBlock {DIV} at (57,0) size 95x13 [color=#000000CC]
     72    RenderBlock {DIV} at (57,1) size 95x14 [color=#000000CC]
    7373      RenderText {#text} at (6,0) size 89x13
    7474        text run at (6,0) width 89: "Strong Password"
    75 layer at (209,145) size 58x13
    76   RenderBlock {DIV} at (0,0) size 58x13
    77 layer at (13,68) size 58x13 scrollWidth 284
     75layer at (209,149) size 58x16 backgroundClip at (209,149) size 58x13 clip at (209,149) size 58x13
     76  RenderBlock {DIV} at (0,0) size 58x16
     77layer at (13,70) size 58x13 scrollWidth 284
    7878  RenderBlock {DIV} at (0,0) size 58x13 [color=#00000099]
    7979    RenderText {#text} at (0,0) size 284x13
    8080      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    81 layer at (179,68) size 58x13 scrollWidth 284
     81layer at (179,70) size 58x13 scrollWidth 284
    8282  RenderBlock {DIV} at (0,0) size 58x13 [color=#00000099]
    8383    RenderText {#text} at (0,0) size 284x13
    8484      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    85 layer at (343,68) size 206x13 scrollWidth 284
     85layer at (343,70) size 206x13 scrollWidth 284
    8686  RenderBlock {DIV} at (0,0) size 206x13 [color=#00000099]
    8787    RenderText {#text} at (0,0) size 284x13
    … …  
    9191    RenderText {#text} at (0,0) size 284x13
    9292      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    93 layer at (13,146) size 58x13 scrollWidth 284
     93layer at (13,150) size 58x13 scrollWidth 284
    9494  RenderBlock {DIV} at (0,0) size 58x13 [color=#00000099]
    9595    RenderText {#text} at (0,0) size 284x13
    9696      text run at (0,0) width 284: "A quick brown fox jumped over the lazy dog."
    97 layer at (177,133) size 20x13 scrollWidth 284
     97layer at (177,135) size 20x13 scrollWidth 284
    9898  RenderBlock {DIV} at (0,0) size 20x13 [color=#00000099]
    9999    RenderText {#text} at (0,0) size 284x13

  • trunk/LayoutTests/platform/mac/fast/forms/linebox-overflow-in-textarea-padding-expected.txt

    r177774 r271348  
    44  RenderBlock {HTML} at (0,0) size 800x600
    55    RenderBody {BODY} at (8,8) size 784x576
    6       RenderBlock (anonymous) at (0,0) size 784x72
     6      RenderBlock (anonymous) at (0,0) size 784x54
    77        RenderText {#text} at (300,36) size 4x18
    88          text run at (300,36) width 4: " "
    99        RenderText {#text} at (0,0) size 0x0
    10       RenderBlock {P} at (0,88) size 784x36
     10      RenderBlock {P} at (0,70) size 784x36
    1111        RenderText {#text} at (0,0) size 770x36
    1212          text run at (0,0) width 770: "This is a pixel test that tests the linebox overflow in the padding on textareas. The div on the right is styled to look like a"
    … …  
    1919        text run at (162,-18) width 19: " "
    2020        text run at (0,-18) width 163: "ggggggggg"
    21 layer at (312,30) size 300x50 clip at (315,33) size 294x44
    22   RenderBlock {DIV} at (304,22) size 300x50 [color=#0000FF] [border: (3px solid #FFFF00)]
     21layer at (312,8) size 300x50 clip at (315,11) size 294x44
     22  RenderBlock {DIV} at (304,0) size 300x50 [color=#0000FF] [border: (3px solid #FFFF00)]
    2323    RenderBlock {DIV} at (18,18) size 264x0
    2424      RenderText {#text} at (0,-18) size 163x35

  • trunk/LayoutTests/platform/mac/fast/inline-block/tricky-baseline-expected.txt

    r268520 r271348  
    88        text run at (0,18) width 46: "blocks."
    99      RenderBR {BR} at (45,18) size 1x18
    10       RenderText {#text} at (104,254) size 4x18
    11         text run at (104,254) width 4: " "
     10      RenderText {#text} at (104,426) size 4x18
     11        text run at (104,426) width 4: " "
    1212      RenderText {#text} at (0,0) size 0x0
    13 layer at (8,72) size 104x204 clip at (10,74) size 85x200 scrollHeight 468
    14   RenderBlock {DIV} at (0,64) size 104x204 [border: (2px solid #800080)]
     13layer at (8,244) size 104x204 clip at (10,246) size 85x200 scrollHeight 468
     14  RenderBlock {DIV} at (0,236) size 104x204 [border: (2px solid #800080)]
    1515    RenderText {#text} at (2,2) size 81x36
    1616      text run at (2,2) width 81: "This is some"

  • trunk/Source/WebCore/ChangeLog

    r271347 r271348  
     12021-01-09  Zalan Bujtas  <zalan@apple.com>
     2
     3        play.google.com: App preview images are clipped
     4        https://bugs.webkit.org/show_bug.cgi?id=220470
     5        <rdar://problem/60258531>
     6
     7        Reviewed by Simon Fraser.
     8
     9        "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
     10        or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge."
     11        https://www.w3.org/TR/CSS22/visudet.html#leading
     12
     13        Test: fast/inline/inline-block-baseline-with-overflow-not-visible.html
     14
     15        * rendering/RenderBlockFlow.cpp:
     16        (WebCore::RenderBlockFlow::inlineBlockBaseline const):
     17
    1182021-01-09  Zalan Bujtas  <zalan@apple.com>
    219

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

    r271088 r271348  
    31363136        return WTF::nullopt;
    31373137
     3138    if (style().display() == DisplayType::InlineBlock) {
     3139        // 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'
     3140        // property has a computed value other than 'visible'. see https://www.w3.org/TR/CSS22/visudet.html
     3141        auto shouldSynthesizeBaseline = !style().isOverflowVisible() && !is<HTMLFormControlElement>(element());
     3142        if (shouldSynthesizeBaseline)
     3143            return WTF::nullopt;
     3144    }
    31383145    // Note that here we only take the left and bottom into consideration. Our caller takes the right and top into consideration.
    31393146    float boxHeight = lineDirection == HorizontalLine ? height() + m_marginBox.bottom() : width() + m_marginBox.left();
Note: See TracChangeset for help on using the changeset viewer.