Changeset 71348 in webkit


Ignore:
Timestamp:
Nov 4, 2010 11:35:09 AM (13 years ago)
Author:
arv@chromium.org
Message:

2010-11-04 Erik Arvidsson <​arv@chromium.org>

Reviewed by Dimitri Glazkov.

Support box-sizing without the vendor prefix
​https://bugs.webkit.org/show_bug.cgi?id=36713

Based on patch by Peter Beverloo <​peter@lvp-media.com>

Update the tests to use box-sizing instead of -webkit-box-sizing.

  • fast/borders/borderRadiusDashed05.html:
  • fast/css/box-sizing-backwards-compat-prefix-expected.txt: Added.
  • fast/css/box-sizing-backwards-compat-prefix.html: Added. This tests that both box-sizing and -webkit-box-sizing works.
  • fast/css/getComputedStyle/computed-style-expected.txt:
  • fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
  • platform/chromium-mac/fast/css/computed-style-expected.txt:
  • platform/chromium-mac/fast/css/computed-style-without-renderer-expected.txt:
  • platform/chromium-win/fast/css/computed-style-expected.txt:
  • platform/chromium-win/fast/css/computed-style-without-renderer-expected.txt:
  • platform/chromium-win/fast/css/getComputedStyle/computed-style-expected.txt:
  • platform/chromium-win/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
  • platform/chromium-win/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-win/transforms/2d/transform-borderbox-expected.txt:
  • platform/chromium-win/transforms/2d/transform-origin-borderbox-expected.txt:
  • platform/gtk/transforms/2d/transform-borderbox-expected.txt:
  • platform/gtk/transforms/2d/transform-origin-borderbox-expected.txt:
  • platform/mac/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
  • platform/mac/transforms/2d/transform-borderbox-expected.checksum:
  • platform/mac/transforms/2d/transform-borderbox-expected.txt:
  • platform/mac/transforms/2d/transform-origin-borderbox-expected.checksum:
  • platform/mac/transforms/2d/transform-origin-borderbox-expected.txt:
  • platform/qt/fast/css/getComputedStyle/computed-style-expected.txt:
  • platform/qt/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
  • svg/css/getComputedStyle-basic-expected.txt:
  • transforms/2d/transform-borderbox.html:
  • transforms/2d/transform-origin-borderbox.html:

2010-11-04 Erik Arvidsson <​arv@chromium.org>

Reviewed by Dimitri Glazkov.

Support box-sizing without the vendor prefix
​https://bugs.webkit.org/show_bug.cgi?id=36713

Based on patch by Peter Beverloo <​peter@lvp-media.com>

Test: fast/css/box-sizing-backwards-compat-prefix.html

  • css/CSSComputedStyleDeclaration.cpp: (WebCore::CSSComputedStyleDeclaration::getPropertyCSSValue):
  • css/CSSParser.cpp: (WebCore::CSSParser::parseValue): (WebCore::cssPropertyID): This handles -webkit-box-sizing and maps it to box-sizing.
  • css/CSSPropertyNames.in:
  • css/CSSStyleSelector.cpp: (WebCore::CSSStyleSelector::applyProperty):
  • css/quirks.css: Change -webkit-box-sizing to box-sizing. (input:not([type=image]), textarea):
  • css/view-source.css: Ditto. (.webkit-line-gutter-backdrop, .webkit-line-number):
  • css/wml.css: Ditto. (do): (select):

2010-11-04 Erik Arvidsson <​arv@chromium.org>

Reviewed by Dimitri Glazkov.

Support box-sizing without the vendor prefix
​https://bugs.webkit.org/show_bug.cgi?id=36713

Based on patch by Peter Beverloo <​peter@lvp-media.com>

  • iExploder/htdocs/cssproperties.in: Change -webkit-box-sizing to box-sizing.
Location:
trunk
Files:
2 added
35 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r71345 r71348  
     12010-11-04  Erik Arvidsson  <arv@chromium.org>
     2
     3        Reviewed by Dimitri Glazkov.
     4
     5        Support box-sizing without the vendor prefix
     6        https://bugs.webkit.org/show_bug.cgi?id=36713
     7
     8        Based on patch by Peter Beverloo <peter@lvp-media.com>
     9
     10        Update the tests to use box-sizing instead of -webkit-box-sizing.
     11
     12        * fast/borders/borderRadiusDashed05.html:
     13        * fast/css/box-sizing-backwards-compat-prefix-expected.txt: Added.
     14        * fast/css/box-sizing-backwards-compat-prefix.html: Added. This tests that both box-sizing and -webkit-box-sizing works.
     15        * fast/css/getComputedStyle/computed-style-expected.txt:
     16        * fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
     17        * platform/chromium-mac/fast/css/computed-style-expected.txt:
     18        * platform/chromium-mac/fast/css/computed-style-without-renderer-expected.txt:
     19        * platform/chromium-win/fast/css/computed-style-expected.txt:
     20        * platform/chromium-win/fast/css/computed-style-without-renderer-expected.txt:
     21        * platform/chromium-win/fast/css/getComputedStyle/computed-style-expected.txt:
     22        * platform/chromium-win/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
     23        * platform/chromium-win/svg/css/getComputedStyle-basic-expected.txt:
     24        * platform/chromium-win/transforms/2d/transform-borderbox-expected.txt:
     25        * platform/chromium-win/transforms/2d/transform-origin-borderbox-expected.txt:
     26        * platform/gtk/transforms/2d/transform-borderbox-expected.txt:
     27        * platform/gtk/transforms/2d/transform-origin-borderbox-expected.txt:
     28        * platform/mac/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
     29        * platform/mac/transforms/2d/transform-borderbox-expected.checksum:
     30        * platform/mac/transforms/2d/transform-borderbox-expected.txt:
     31        * platform/mac/transforms/2d/transform-origin-borderbox-expected.checksum:
     32        * platform/mac/transforms/2d/transform-origin-borderbox-expected.txt:
     33        * platform/qt/fast/css/getComputedStyle/computed-style-expected.txt:
     34        * platform/qt/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
     35        * svg/css/getComputedStyle-basic-expected.txt:
     36        * transforms/2d/transform-borderbox.html:
     37        * transforms/2d/transform-origin-borderbox.html:
     38
    1392010-11-04  Eric Seidel  <eric@webkit.org>
    240

  • trunk/LayoutTests/fast/borders/borderRadiusDashed05.html

    r62200 r71348  
    1212          border-bottom-color: rgba(0,128,0,0.5);
    1313          border-right-color: rgba(0,128,0,0.5);
    14           -webkit-box-sizing: border-box;
     14          box-sizing: border-box;
    1515          margin: 20px;
    1616      }

  • trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt

    r71218 r71348  
    2727border-top-width: 0px;
    2828bottom: auto;
     29box-sizing: content-box;
    2930caption-side: top;
    3031clear: none;
    … …  
    123124-webkit-box-reflect: none;
    124125-webkit-box-shadow: none;
    125 -webkit-box-sizing: content-box;
    126126-webkit-color-correction: default;
    127127-webkit-column-break-after: auto;

  • trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r71218 r71348  
    2626    border-top-width: 16px
    2727    bottom: auto
     28    box-sizing: content-box
    2829    caption-side: top
    2930    clear: none
    … …  
    122123    -webkit-box-reflect: none
    123124    -webkit-box-shadow: none
    124     -webkit-box-sizing: content-box
    125125    -webkit-color-correction: default
    126126    -webkit-column-break-after: auto

  • trunk/LayoutTests/platform/chromium-mac/fast/css/computed-style-expected.txt

    r60179 r71348  
    2020border-top-width: 0px;
    2121bottom: auto;
     22box-sizing: content-box;
    2223caption-side: top;
    2324clear: none;
    … …  
    109110-webkit-box-reflect: none;
    110111-webkit-box-shadow: none;
    111 -webkit-box-sizing: content-box;
    112112-webkit-column-break-after: auto;
    113113-webkit-column-break-before: auto;

  • trunk/LayoutTests/platform/chromium-mac/fast/css/computed-style-without-renderer-expected.txt

    r60179 r71348  
    1919    border-top-width: 16px
    2020    bottom: auto
     21    box-sizing: content-box
    2122    caption-side: top
    2223    clear: none
    … …  
    108109    -webkit-box-reflect: none
    109110    -webkit-box-shadow: none
    110     -webkit-box-sizing: content-box
    111111    -webkit-column-break-after: auto
    112112    -webkit-column-break-before: auto

  • trunk/LayoutTests/platform/chromium-win/fast/css/computed-style-expected.txt

    r60179 r71348  
    2020border-top-width: 0px;
    2121bottom: auto;
     22box-sizing: content-box;
    2223caption-side: top;
    2324clear: none;
    … …  
    109110-webkit-box-reflect: none;
    110111-webkit-box-shadow: none;
    111 -webkit-box-sizing: content-box;
    112112-webkit-column-break-after: auto;
    113113-webkit-column-break-before: auto;

  • trunk/LayoutTests/platform/chromium-win/fast/css/computed-style-without-renderer-expected.txt

    r60179 r71348  
    1919    border-top-width: 16px
    2020    bottom: auto
     21    box-sizing: content-box
    2122    caption-side: top
    2223    clear: none
    … …  
    108109    -webkit-box-reflect: none
    109110    -webkit-box-shadow: none
    110     -webkit-box-sizing: content-box
    111111    -webkit-column-break-after: auto
    112112    -webkit-column-break-before: auto

  • trunk/LayoutTests/platform/chromium-win/fast/css/getComputedStyle/computed-style-expected.txt

    r71224 r71348  
    2727border-top-width: 0px;
    2828bottom: auto;
     29box-sizing: content-box;
    2930caption-side: top;
    3031clear: none;
    … …  
    123124-webkit-box-reflect: none;
    124125-webkit-box-shadow: none;
    125 -webkit-box-sizing: content-box;
    126126-webkit-color-correction: default;
    127127-webkit-column-break-after: auto;

  • trunk/LayoutTests/platform/chromium-win/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r71224 r71348  
    2626    border-top-width: 16px
    2727    bottom: auto
     28    box-sizing: content-box
    2829    caption-side: top
    2930    clear: none
    … …  
    122123    -webkit-box-reflect: none
    123124    -webkit-box-shadow: none
    124     -webkit-box-sizing: content-box
    125125    -webkit-color-correction: default
    126126    -webkit-column-break-after: auto

  • trunk/LayoutTests/platform/chromium-win/svg/css/getComputedStyle-basic-expected.txt

    r71224 r71348  
    5151rect: style.getPropertyValue(bottom) : auto
    5252rect: style.getPropertyCSSValue(bottom) : [object CSSPrimitiveValue]
     53rect: style.getPropertyValue(box-sizing) : content-box
     54rect: style.getPropertyCSSValue(box-sizing) : [object CSSPrimitiveValue]
    5355rect: style.getPropertyValue(caption-side) : top
    5456rect: style.getPropertyCSSValue(caption-side) : [object CSSPrimitiveValue]
    … …  
    243245rect: style.getPropertyValue(-webkit-box-shadow) : none
    244246rect: style.getPropertyCSSValue(-webkit-box-shadow) : [object CSSPrimitiveValue]
    245 rect: style.getPropertyValue(-webkit-box-sizing) : content-box
    246 rect: style.getPropertyCSSValue(-webkit-box-sizing) : [object CSSPrimitiveValue]
    247247rect: style.getPropertyValue(-webkit-color-correction) : default
    248248rect: style.getPropertyCSSValue(-webkit-color-correction) : [object CSSPrimitiveValue]
    … …  
    475475g: style.getPropertyValue(bottom) : auto
    476476g: style.getPropertyCSSValue(bottom) : [object CSSPrimitiveValue]
     477g: style.getPropertyValue(box-sizing) : content-box
     478g: style.getPropertyCSSValue(box-sizing) : [object CSSPrimitiveValue]
    477479g: style.getPropertyValue(caption-side) : top
    478480g: style.getPropertyCSSValue(caption-side) : [object CSSPrimitiveValue]
    … …  
    667669g: style.getPropertyValue(-webkit-box-shadow) : none
    668670g: style.getPropertyCSSValue(-webkit-box-shadow) : [object CSSPrimitiveValue]
    669 g: style.getPropertyValue(-webkit-box-sizing) : content-box
    670 g: style.getPropertyCSSValue(-webkit-box-sizing) : [object CSSPrimitiveValue]
    671671g: style.getPropertyValue(-webkit-color-correction) : default
    672672g: style.getPropertyCSSValue(-webkit-color-correction) : [object CSSPrimitiveValue]

  • trunk/LayoutTests/platform/chromium-win/transforms/2d/transform-borderbox-expected.txt

    r56271 r71348  
    1212  RenderBlock {DIV} at (0,0) size 250x100 [bgcolor=#008000] [border: (50px solid #808080) none]
    1313    RenderText {#text} at (0,0) size 147x19
    14       text run at (0,0) width 147: "-webkit-box-sizing: auto"
     14      text run at (0,0) width 147: "box-sizing: auto"
    1515layer at (38,176) size 200x100
    1616  RenderBlock {DIV} at (0,110) size 200x100 [bgcolor=#008000] [border: (50px solid #808080) none]
    1717    RenderText {#text} at (0,0) size 117x39
    18       text run at (0,0) width 117: "-webkit-box-sizing:"
     18      text run at (0,0) width 117: "box-sizing:"
    1919      text run at (0,20) width 70: "border-box"

  • trunk/LayoutTests/platform/chromium-win/transforms/2d/transform-origin-borderbox-expected.txt

    r56271 r71348  
    66      RenderBlock {P} at (0,0) size 784x20
    77        RenderText {#text} at (0,0) size 572x19
    8           text run at (0,0) width 572: "Tests that origin of rotation is the center of the border box, with and without -webkit-box-sizing"
     8          text run at (0,0) width 572: "Tests that origin of rotation is the center of the border box, with and without box-sizing"
    99      RenderBlock {DIV} at (30,50) size 200x200 [bgcolor=#FF0000]
    1010      RenderBlock {DIV} at (30,280) size 200x200 [bgcolor=#FF0000]

  • trunk/LayoutTests/platform/gtk/transforms/2d/transform-borderbox-expected.txt

    r68406 r71348  
    1212  RenderBlock {DIV} at (0,0) size 250x100 [bgcolor=#008000] [border: (50px solid #808080) none]
    1313    RenderText {#text} at (0,0) size 147x19
    14       text run at (0,0) width 147: "-webkit-box-sizing: auto"
     14      text run at (0,0) width 147: "box-sizing: auto"
    1515layer at (38,175) size 200x100
    1616  RenderBlock {DIV} at (0,110) size 200x100 [bgcolor=#008000] [border: (50px solid #808080) none]
    1717    RenderText {#text} at (0,0) size 117x38
    18       text run at (0,0) width 117: "-webkit-box-sizing:"
     18      text run at (0,0) width 117: "box-sizing:"
    1919      text run at (0,19) width 70: "border-box"

  • trunk/LayoutTests/platform/gtk/transforms/2d/transform-origin-borderbox-expected.txt

    r68406 r71348  
    66      RenderBlock {P} at (0,0) size 784x19
    77        RenderText {#text} at (0,0) size 572x19
    8           text run at (0,0) width 572: "Tests that origin of rotation is the center of the border box, with and without -webkit-box-sizing"
     8          text run at (0,0) width 572: "Tests that origin of rotation is the center of the border box, with and without box-sizing"
    99      RenderBlock {DIV} at (30,49) size 200x200 [bgcolor=#FF0000]
    1010      RenderBlock {DIV} at (30,279) size 200x200 [bgcolor=#FF0000]

  • trunk/LayoutTests/platform/mac/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r71218 r71348  
    2626    border-top-width: 16px
    2727    bottom: auto
     28    box-sizing: content-box
    2829    caption-side: top
    2930    clear: none
    … …  
    122123    -webkit-box-reflect: none
    123124    -webkit-box-shadow: none
    124     -webkit-box-sizing: content-box
    125125    -webkit-color-correction: default
    126126    -webkit-column-break-after: auto

  • trunk/LayoutTests/platform/mac/transforms/2d/transform-borderbox-expected.checksum

    r38297 r71348  
    1 4788409452f84ec3923f50a2e044e23a
     1f2c579134e479a0e0a1e8d3db7ea2ca1

  • trunk/LayoutTests/platform/mac/transforms/2d/transform-borderbox-expected.txt

    r36454 r71348  
    1111layer at (38,64) size 250x100
    1212  RenderBlock {DIV} at (0,0) size 250x100 [bgcolor=#008000] [border: (50px solid #808080) none]
    13     RenderText {#text} at (0,0) size 154x18
    14       text run at (0,0) width 154: "-webkit-box-sizing: auto"
     13    RenderText {#text} at (0,0) size 101x18
     14      text run at (0,0) width 101: "box-sizing: auto"
    1515layer at (38,174) size 200x100
    1616  RenderBlock {DIV} at (0,110) size 200x100 [bgcolor=#008000] [border: (50px solid #808080) none]
    17     RenderText {#text} at (0,0) size 123x36
    18       text run at (0,0) width 123: "-webkit-box-sizing:"
    19       text run at (0,18) width 70: "border-box"
     17    RenderText {#text} at (0,0) size 144x18
     18      text run at (0,0) width 144: "box-sizing: border-box"

  • trunk/LayoutTests/platform/mac/transforms/2d/transform-origin-borderbox-expected.checksum

    r38297 r71348  
    1 b4c25ad66caa3b3ee781d6909226431a
     1ec036d6d0be5255b44cfad5c620d48bf

  • trunk/LayoutTests/platform/mac/transforms/2d/transform-origin-borderbox-expected.txt

    r36454 r71348  
    55    RenderBody {BODY} at (8,16) size 784x478
    66      RenderBlock {P} at (0,0) size 784x18
    7         RenderText {#text} at (0,0) size 600x18
    8           text run at (0,0) width 600: "Tests that origin of rotation is the center of the border box, with and without -webkit-box-sizing"
     7        RenderText {#text} at (0,0) size 547x18
     8          text run at (0,0) width 547: "Tests that origin of rotation is the center of the border box, with and without box-sizing"
    99      RenderBlock {DIV} at (30,48) size 200x200 [bgcolor=#FF0000]
    1010      RenderBlock {DIV} at (30,278) size 200x200 [bgcolor=#FF0000]
    1111layer at (38,64) size 200x200
    1212  RenderBlock {DIV} at (0,0) size 200x200 [bgcolor=#008000] [border: (100px solid #808080) none]
    13     RenderText {#text} at (0,0) size 82x36
    14       text run at (0,0) width 82: "-webkit-box-"
    15       text run at (0,18) width 72: "sizing: auto"
     13    RenderText {#text} at (0,0) size 70x36
     14      text run at (0,0) width 70: "box-sizing:"
     15      text run at (0,18) width 27: "auto"
    1616layer at (38,294) size 200x200
    1717  RenderBlock {DIV} at (0,0) size 200x200 [bgcolor=#008000] [border: (100px solid #808080) none]
    18     RenderText {#text} at (0,0) size 82x36
    19       text run at (0,0) width 82: "-webkit-box-"
    20       text run at (0,18) width 72: "sizing: auto"
     18    RenderText {#text} at (0,0) size 70x36
     19      text run at (0,0) width 70: "box-sizing:"
     20      text run at (0,18) width 27: "auto"

  • trunk/LayoutTests/platform/qt/fast/css/getComputedStyle/computed-style-expected.txt

    r60179 r71348  
    2727border-top-width: 0px;
    2828bottom: auto;
     29box-sizing: content-box;
    2930caption-side: top;
    3031clear: none;
    … …  
    119120-webkit-box-reflect: none;
    120121-webkit-box-shadow: none;
    121 -webkit-box-sizing: content-box;
    122122-webkit-column-break-after: auto;
    123123-webkit-column-break-before: auto;

  • trunk/LayoutTests/platform/qt/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r60179 r71348  
    2626    border-top-width: 13px
    2727    bottom: auto
     28    box-sizing: content-box
    2829    caption-side: top
    2930    clear: none
    … …  
    118119    -webkit-box-reflect: none
    119120    -webkit-box-shadow: none
    120     -webkit-box-sizing: content-box
    121121    -webkit-column-break-after: auto
    122122    -webkit-column-break-before: auto

  • trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt

    r71218 r71348  
    5151rect: style.getPropertyValue(bottom) : auto
    5252rect: style.getPropertyCSSValue(bottom) : [object CSSPrimitiveValue]
     53rect: style.getPropertyValue(box-sizing) : content-box
     54rect: style.getPropertyCSSValue(box-sizing) : [object CSSPrimitiveValue]
    5355rect: style.getPropertyValue(caption-side) : top
    5456rect: style.getPropertyCSSValue(caption-side) : [object CSSPrimitiveValue]
    … …  
    243245rect: style.getPropertyValue(-webkit-box-shadow) : none
    244246rect: style.getPropertyCSSValue(-webkit-box-shadow) : [object CSSPrimitiveValue]
    245 rect: style.getPropertyValue(-webkit-box-sizing) : content-box
    246 rect: style.getPropertyCSSValue(-webkit-box-sizing) : [object CSSPrimitiveValue]
    247247rect: style.getPropertyValue(-webkit-color-correction) : default
    248248rect: style.getPropertyCSSValue(-webkit-color-correction) : [object CSSPrimitiveValue]
    … …  
    475475g: style.getPropertyValue(bottom) : auto
    476476g: style.getPropertyCSSValue(bottom) : [object CSSPrimitiveValue]
     477g: style.getPropertyValue(box-sizing) : content-box
     478g: style.getPropertyCSSValue(box-sizing) : [object CSSPrimitiveValue]
    477479g: style.getPropertyValue(caption-side) : top
    478480g: style.getPropertyCSSValue(caption-side) : [object CSSPrimitiveValue]
    … …  
    667669g: style.getPropertyValue(-webkit-box-shadow) : none
    668670g: style.getPropertyCSSValue(-webkit-box-shadow) : [object CSSPrimitiveValue]
    669 g: style.getPropertyValue(-webkit-box-sizing) : content-box
    670 g: style.getPropertyCSSValue(-webkit-box-sizing) : [object CSSPrimitiveValue]
    671671g: style.getPropertyValue(-webkit-color-correction) : default
    672672g: style.getPropertyCSSValue(-webkit-color-correction) : [object CSSPrimitiveValue]

  • trunk/LayoutTests/transforms/2d/transform-borderbox.html

    r36454 r71348  
    1919      background-color: green;
    2020      border-right: 50px solid gray;
    21       -webkit-box-sizing: auto;
     21      box-sizing: auto;
    2222      -webkit-transform: scalex(2);
    2323      -webkit-transform-origin: left;
    2424    }
    2525    .border-box {
    26       -webkit-box-sizing: border-box;
     26      box-sizing: border-box;
    2727    }
    2828  </style>
    … …  
    3333<p>Top box should have gray part extending outside the black outline. Lower box should lie inside the outline</p>
    3434  <div class="container">
    35     <div class="box">-webkit-box-sizing: auto</div>
    36     <div class="box border-box">-webkit-box-sizing: border-box</div>
     35    <div class="box">box-sizing: auto</div>
     36    <div class="box border-box">box-sizing: border-box</div>
    3737  </div>
    3838</body>

  • trunk/LayoutTests/transforms/2d/transform-origin-borderbox.html

    r36454 r71348  
    1919      background-color: green;
    2020      border-right: 100px solid gray;
    21       -webkit-box-sizing: auto;
     21      box-sizing: auto;
    2222      -webkit-transform: rotate(90deg);
    2323    }
    2424    .border-box {
    2525      width: 200px;
    26       -webkit-box-sizing: border-box;
     26      box-sizing: border-box;
    2727    }
    2828  </style>
    … …  
    3030<body>
    3131
    32 <p>Tests that origin of rotation is the center of the border box, with and without -webkit-box-sizing</p>
     32<p>Tests that origin of rotation is the center of the border box, with and without box-sizing</p>
    3333  <div class="container">
    34     <div class="box">-webkit-box-sizing: auto</div>
     34    <div class="box">box-sizing: auto</div>
    3535  </div>
    3636
    3737  <div class="container">
    38     <div class="box border-box">-webkit-box-sizing: auto</div>
     38    <div class="box border-box">box-sizing: auto</div>
    3939  </div>
    4040</body>

  • trunk/WebCore/ChangeLog

    r71346 r71348  
     12010-11-04  Erik Arvidsson  <arv@chromium.org>
     2
     3        Reviewed by Dimitri Glazkov.
     4
     5        Support box-sizing without the vendor prefix
     6        https://bugs.webkit.org/show_bug.cgi?id=36713
     7
     8        Based on patch by Peter Beverloo <peter@lvp-media.com>
     9
     10        Test: fast/css/box-sizing-backwards-compat-prefix.html
     11
     12        * css/CSSComputedStyleDeclaration.cpp:
     13        (WebCore::CSSComputedStyleDeclaration::getPropertyCSSValue):
     14        * css/CSSParser.cpp:
     15        (WebCore::CSSParser::parseValue):
     16        (WebCore::cssPropertyID): This handles -webkit-box-sizing and maps it to box-sizing.
     17        * css/CSSPropertyNames.in:
     18        * css/CSSStyleSelector.cpp:
     19        (WebCore::CSSStyleSelector::applyProperty):
     20        * css/quirks.css: Change -webkit-box-sizing to box-sizing.
     21        (input:not([type=image]), textarea):
     22        * css/view-source.css: Ditto.
     23        (.webkit-line-gutter-backdrop, .webkit-line-number):
     24        * css/wml.css: Ditto.
     25        (do):
     26        (select):
     27
    1282010-11-04  John Reck  <jreck@google.com>
    229

  • trunk/WebCore/css/CSSComputedStyleDeclaration.cpp

    r71218 r71348  
    7777    CSSPropertyBorderTopWidth,
    7878    CSSPropertyBottom,
     79    CSSPropertyBoxSizing,
    7980    CSSPropertyCaptionSide,
    8081    CSSPropertyClear,
    … …  
    174175    CSSPropertyWebkitBoxReflect,
    175176    CSSPropertyWebkitBoxShadow,
    176     CSSPropertyWebkitBoxSizing,
    177177    CSSPropertyWebkitColorCorrection,
    178178    CSSPropertyWebkitColumnBreakAfter,
    … …  
    13021302        case CSSPropertyZoom:
    13031303            return CSSPrimitiveValue::create(style->zoom(), CSSPrimitiveValue::CSS_NUMBER);
    1304         case CSSPropertyWebkitBoxSizing:
     1304        case CSSPropertyBoxSizing:
    13051305            if (style->boxSizing() == CONTENT_BOX)
    13061306                return CSSPrimitiveValue::createIdentifier(CSSValueContentBox);

  • trunk/WebCore/css/CSSParser.cpp

    r71218 r71348  
    12781278        validPrimitive = validUnit(value, FInteger | FNonNeg, true);
    12791279        break;
    1280     case CSSPropertyWebkitBoxSizing:
     1280    case CSSPropertyBoxSizing:
    12811281        validPrimitive = id == CSSValueBorderBox || id == CSSValueContentBox;
    12821282        break;
    … …  
    58365836
    58375837        if (hasPrefix(buffer, length, "-webkit")) {
    5838             if (strcmp(buffer, "-webkit-opacity") == 0) {
     5838            if (!strcmp(buffer, "-webkit-box-sizing")) {
     5839                // -webkit-box-sizing worked in Safari 4 and earlier.
     5840                const char* const boxSizing = "box-sizing";
     5841                name = boxSizing;
     5842                length = strlen(boxSizing);
     5843            } else if (!strcmp(buffer, "-webkit-opacity")) {
    58395844                // Honor -webkit-opacity as a synonym for opacity.
    58405845                // This was the only syntax that worked in Safari 1.1, and may be in use on some websites and widgets.

  • trunk/WebCore/css/CSSPropertyNames.in

    r71218 r71348  
    7171border-width
    7272bottom
     73box-sizing
    7374caption-side
    7475clear
    … …  
    210211-webkit-box-reflect
    211212-webkit-box-shadow
    212 -webkit-box-sizing
    213213-webkit-color-correction
    214214-webkit-column-break-after

  • trunk/WebCore/css/CSSStyleSelector.cpp

    r71266 r71348  
    49724972        m_style->setBoxOrdinalGroup((unsigned int)(primitiveValue->getDoubleValue()));
    49734973        return;
    4974     case CSSPropertyWebkitBoxSizing:
     4974    case CSSPropertyBoxSizing:
    49754975        HANDLE_INHERIT_AND_INITIAL(boxSizing, BoxSizing)
    49764976        if (!primitiveValue)

  • trunk/WebCore/css/quirks.css

    r31100 r71348  
    4545/* This will apply only to text fields, since all other inputs already use border box sizing */
    4646input:not([type=image]), textarea {
    47     -webkit-box-sizing: border-box;
     47    box-sizing: border-box;
    4848}
    4949

  • trunk/WebCore/css/view-source.css

    r53042 r71348  
    4545.webkit-line-gutter-backdrop, .webkit-line-number {
    4646    /* Keep this in sync with inspector.css (.webkit-line-gutter-backdrop) */
    47     -webkit-box-sizing: border-box;
     47    box-sizing: border-box;
    4848    padding: 0 4px !important;
    4949    width: 31px;

  • trunk/WebCore/css/wml.css

    r46969 r71348  
    110110    border: 2px outset ButtonFace;
    111111    background-color: ButtonFace;
    112     -webkit-box-sizing: border-box
     112    box-sizing: border-box
    113113}
    114114
    … …  
    164164select {
    165165    -webkit-appearance: menulist;
    166     -webkit-box-sizing: border-box;
     166    box-sizing: border-box;
    167167    -webkit-box-align: center;
    168168    border: 1px solid;

  • trunk/WebKitTools/ChangeLog

    r71342 r71348  
     12010-11-04  Erik Arvidsson  <arv@chromium.org>
     2
     3        Reviewed by Dimitri Glazkov.
     4
     5        Support box-sizing without the vendor prefix
     6        https://bugs.webkit.org/show_bug.cgi?id=36713
     7
     8        Based on patch by Peter Beverloo <peter@lvp-media.com>
     9
     10        * iExploder/htdocs/cssproperties.in: Change -webkit-box-sizing to box-sizing.
     11
    1122010-11-04  Csaba Osztrogonác  <ossy@webkit.org>
    213

  • trunk/WebKitTools/iExploder/htdocs/cssproperties.in

    r66347 r71348  
    3838-webkit-box-reflect
    3939-webkit-box-shadow
    40 -webkit-box-sizing
    4140-webkit-color-correction
    4241-webkit-column-break-after
    … …  
    157156border-width
    158157bottom
     158box-sizing
    159159caption-side
    160160clear
Note: See TracChangeset for help on using the changeset viewer.