Changeset 167448 in webkit


Ignore:
Timestamp:
Apr 17, 2014, 1:24:43 PM (11 years ago)
Author:
cabanier@adobe.com
Message:

[CSS Blending] Remove the -webkit- prefix for mix-blend-mode and isolation CSS properties
​https://bugs.webkit.org/show_bug.cgi?id=131355

Reviewed by Dean Jackson.

Source/WebCore:
Removed webkit prefix from mix-blend-mode and isolation. These properties
never shipped and their spec is now in CR.

Covered by existing tests.

  • css/CSSComputedStyleDeclaration.cpp:

(WebCore::ComputedStyleExtractor::propertyValue):

  • css/CSSParser.cpp:

(WebCore::isValidKeywordPropertyAndValue):
(WebCore::isKeywordPropertyID):
(WebCore::CSSParser::parseValue):

  • css/CSSPropertyNames.in:
  • css/DeprecatedStyleBuilder.cpp:

(WebCore::DeprecatedStyleBuilder::DeprecatedStyleBuilder):

LayoutTests:
Removed prefix from mix-blend-mode and isolation in layout tests.

  • css3/compositing/blend-mode-accelerated-with-multiple-stacking-contexts.html:
  • css3/compositing/blend-mode-ancestor-clipping-layer.html:
  • css3/compositing/blend-mode-background.html:
  • css3/compositing/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html:
  • css3/compositing/blend-mode-isolated-group-1.html:
  • css3/compositing/blend-mode-isolated-group-2.html:
  • css3/compositing/blend-mode-isolated-group-3.html:
  • css3/compositing/blend-mode-layers.html:
  • css3/compositing/blend-mode-parent-of-composited-blended-has-layer.html:
  • css3/compositing/blend-mode-property-expected.txt:
  • css3/compositing/blend-mode-property-parsing-expected.txt:
  • css3/compositing/blend-mode-property-parsing-invalid-expected.txt:
  • css3/compositing/blend-mode-reflection.html:
  • css3/compositing/blend-mode-simple-composited.html:
  • css3/compositing/blend-mode-simple.html:
  • css3/compositing/blend-mode-transform-style-expected.txt:
  • css3/compositing/blend-mode-transform-style.html:
  • css3/compositing/blend-mode-with-accelerated-sibling.html:
  • css3/compositing/blend-mode-with-composited-descendant-should-have-layer.html:
  • css3/compositing/isolation-isolate-blended-child-expected.html:
  • css3/compositing/isolation-isolate-blended-child.html:
  • css3/compositing/isolation-parsing.html:
  • css3/compositing/script-tests/blend-mode-property-parsing-invalid.js:

(testInvalidFilterRule):

  • css3/compositing/script-tests/blend-mode-property-parsing.js:

(testBlendModeRule):

  • css3/compositing/script-tests/blend-mode-property.js:

(testblendmode):

  • css3/compositing/svg-blend-color-dodge.html:
  • css3/compositing/svg-blend-color.html:
  • css3/compositing/svg-blend-hard-light.html:
  • css3/compositing/svg-blend-hue.html:
  • css3/compositing/svg-blend-layer-blend.html:
  • css3/compositing/svg-blend-layer-clip-path.html:
  • css3/compositing/svg-blend-layer-filter.html:
  • css3/compositing/svg-blend-layer-opacity.html:
  • css3/compositing/svg-blend-layer-shadow.html:
  • css3/compositing/svg-blend-luminosity.html:
  • css3/compositing/svg-blend-multiply-alpha.html:
  • css3/compositing/svg-blend-multiply.html:
  • css3/compositing/svg-blend-saturation.html:
  • css3/compositing/svg-blend-screen.html:
  • css3/compositing/svg-blend-soft-light.html:
  • css3/compositing/svg-isolation-default-expected.html:
  • css3/compositing/svg-isolation-default.html:
  • css3/compositing/svg-isolation-isolated-group-expected.html:
  • css3/compositing/svg-isolation-isolated-group.html:
  • fast/repaint/blend-mode-isolate-stacking-context.html:
  • inspector-protocol/layers/layers-blending-compositing-reasons.html:
  • transitions/blendmode-transitions-expected.txt:
  • transitions/blendmode-transitions.html:
Location:
trunk
Files:
54 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r167441 r167448  
     12014-04-17  Rik Cabanier  <cabanier@adobe.com>
     2
     3        [CSS Blending] Remove the -webkit- prefix for mix-blend-mode and isolation CSS properties
     4        https://bugs.webkit.org/show_bug.cgi?id=131355
     5
     6        Reviewed by Dean Jackson.
     7
     8        Removed prefix from mix-blend-mode and isolation in layout tests.
     9
     10        * css3/compositing/blend-mode-accelerated-with-multiple-stacking-contexts.html:
     11        * css3/compositing/blend-mode-ancestor-clipping-layer.html:
     12        * css3/compositing/blend-mode-background.html:
     13        * css3/compositing/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html:
     14        * css3/compositing/blend-mode-isolated-group-1.html:
     15        * css3/compositing/blend-mode-isolated-group-2.html:
     16        * css3/compositing/blend-mode-isolated-group-3.html:
     17        * css3/compositing/blend-mode-layers.html:
     18        * css3/compositing/blend-mode-parent-of-composited-blended-has-layer.html:
     19        * css3/compositing/blend-mode-property-expected.txt:
     20        * css3/compositing/blend-mode-property-parsing-expected.txt:
     21        * css3/compositing/blend-mode-property-parsing-invalid-expected.txt:
     22        * css3/compositing/blend-mode-reflection.html:
     23        * css3/compositing/blend-mode-simple-composited.html:
     24        * css3/compositing/blend-mode-simple.html:
     25        * css3/compositing/blend-mode-transform-style-expected.txt:
     26        * css3/compositing/blend-mode-transform-style.html:
     27        * css3/compositing/blend-mode-with-accelerated-sibling.html:
     28        * css3/compositing/blend-mode-with-composited-descendant-should-have-layer.html:
     29        * css3/compositing/isolation-isolate-blended-child-expected.html:
     30        * css3/compositing/isolation-isolate-blended-child.html:
     31        * css3/compositing/isolation-parsing.html:
     32        * css3/compositing/script-tests/blend-mode-property-parsing-invalid.js:
     33        (testInvalidFilterRule):
     34        * css3/compositing/script-tests/blend-mode-property-parsing.js:
     35        (testBlendModeRule):
     36        * css3/compositing/script-tests/blend-mode-property.js:
     37        (testblendmode):
     38        * css3/compositing/svg-blend-color-dodge.html:
     39        * css3/compositing/svg-blend-color.html:
     40        * css3/compositing/svg-blend-hard-light.html:
     41        * css3/compositing/svg-blend-hue.html:
     42        * css3/compositing/svg-blend-layer-blend.html:
     43        * css3/compositing/svg-blend-layer-clip-path.html:
     44        * css3/compositing/svg-blend-layer-filter.html:
     45        * css3/compositing/svg-blend-layer-opacity.html:
     46        * css3/compositing/svg-blend-layer-shadow.html:
     47        * css3/compositing/svg-blend-luminosity.html:
     48        * css3/compositing/svg-blend-multiply-alpha.html:
     49        * css3/compositing/svg-blend-multiply.html:
     50        * css3/compositing/svg-blend-saturation.html:
     51        * css3/compositing/svg-blend-screen.html:
     52        * css3/compositing/svg-blend-soft-light.html:
     53        * css3/compositing/svg-isolation-default-expected.html:
     54        * css3/compositing/svg-isolation-default.html:
     55        * css3/compositing/svg-isolation-isolated-group-expected.html:
     56        * css3/compositing/svg-isolation-isolated-group.html:
     57        * fast/repaint/blend-mode-isolate-stacking-context.html:
     58        * inspector-protocol/layers/layers-blending-compositing-reasons.html:
     59        * transitions/blendmode-transitions-expected.txt:
     60        * transitions/blendmode-transitions.html:
     61
    1622014-04-16  Jer Noble  <jer.noble@apple.com>
    263

  • trunk/LayoutTests/css3/compositing/blend-mode-accelerated-with-multiple-stacking-contexts.html

    r166634 r167448  
    66    }
    77    .blended {
    8         -webkit-mix-blend-mode: multiply;
     8        mix-blend-mode: multiply;
    99    }
    1010    .child {
    … …  
    1414    }
    1515    .parent {
    16         -webkit-isolation: isolate;
     16        isolation: isolate;
    1717    }
    1818</style>

  • trunk/LayoutTests/css3/compositing/blend-mode-ancestor-clipping-layer.html

    r166526 r167448  
    1515                background: red;
    1616                -webkit-transform:translateZ(0px);
    17                 -webkit-mix-blend-mode: difference;
     17                mix-blend-mode: difference;
    1818        }
    1919 </style>

  • trunk/LayoutTests/css3/compositing/blend-mode-background.html

    r165970 r167448  
    77        width: 60px;
    88        height: 60px;
    9         -webkit-mix-blend-mode: difference;
     9        mix-blend-mode: difference;
    1010        background: red;
    1111    }

  • trunk/LayoutTests/css3/compositing/blend-mode-blended-element-overlapping-composited-sibling-should-have-compositing-layer.html

    r164480 r167448  
    1313    .blender {
    1414        margin-top: -30px;
    15         -webkit-mix-blend-mode: difference;
     15        mix-blend-mode: difference;
    1616    }
    1717</style>

  • trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-1.html

    r164579 r167448  
    11<!DOCTYPE HTML>
    2 <!-- Test that an element having -webkit-mix-blend-mode applied blends only with the contents of the parent stacking context.-->
     2<!-- Test that an element having mix-blend-mode applied blends only with the contents of the parent stacking context.-->
    33<style>
    44    body {
    … …  
    2020    .child {
    2121        background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
    22         -webkit-mix-blend-mode: multiply;
     22        mix-blend-mode: multiply;
    2323    }
    2424

  • trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-2.html

    r164579 r167448  
    11<!DOCTYPE HTML>
    2 <!-- Test that an element having -webkit-mix-blend-mode applied blends only with the contents of the parent stacking context.-->
     2<!-- Test that an element having mix-blend-mode applied blends only with the contents of the parent stacking context.-->
    33<style>
    44    body {
    … …  
    2121    .child {
    2222        background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
    23         -webkit-mix-blend-mode: multiply;
     23        mix-blend-mode: multiply;
    2424    }
    2525

  • trunk/LayoutTests/css3/compositing/blend-mode-isolated-group-3.html

    r164579 r167448  
    11<!DOCTYPE HTML>
    2 <!-- Test that an element having -webkit-mix-blend-mode applied blends only with the contents of the parent stacking context.
     2<!-- Test that an element having mix-blend-mode applied blends only with the contents of the parent stacking context.
    33    Test that the contents of a blended element blend as a whole with the parent stacking context.-->
    44<style>
    … …  
    2222    .blender {
    2323        background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
    24         -webkit-mix-blend-mode: multiply;
     24        mix-blend-mode: multiply;
    2525    }
    2626

  • trunk/LayoutTests/css3/compositing/blend-mode-layers.html

    r164480 r167448  
    6161
    6262        <!-- setting the blendmode will create a new stacking context which causes z-index to change -->
    63         <li><div class="div1"><div class="div2" style="-webkit-mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
    64         <li><div class="div1"><div class="div2 composited" style="-webkit-mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
     63        <li><div class="div1"><div class="div2" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
     64        <li><div class="div1"><div class="div2 composited" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
    6565
    6666        <!-- just setting slight opacity which causes a stacking context. This also causes z-index to be resolved to the stacking context -->
    … …  
    6868
    6969        <!-- blending will now only happen upto the stacking context generated by opacity. Z-index is resolved against the stacking context of the div with the blendmode -->
    70         <li><div class="div1" style="opacity:.99"><div class="div2" style="-webkit-mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
    71         <li><div class="div1" style="opacity:.99"><div class="div2 composited" style="-webkit-mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
     70        <li><div class="div1" style="opacity:.99"><div class="div2" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
     71        <li><div class="div1" style="opacity:.99"><div class="div2 composited" style="mix-blend-mode: multiply"><div class="div3"></div></div></div></li>
    7272    </ul>
    7373</body>

  • trunk/LayoutTests/css3/compositing/blend-mode-parent-of-composited-blended-has-layer.html

    r164480 r167448  
    88    }
    99    .blender {
    10         -webkit-mix-blend-mode: difference;
     10        mix-blend-mode: difference;
    1111        -webkit-transform: translateZ(0);
    1212        margin: 10px;

  • trunk/LayoutTests/css3/compositing/blend-mode-property-expected.txt

    r164480 r167448  
    1 Test the parsing of the -webkit-mix-blend-mode property.
     1Test the parsing of the mix-blend-mode property.
    22
    33On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
    … …  
    66PASS cssRule.type is 1
    77PASS declaration.length is 1
    8 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'normal'
     8PASS declaration.getPropertyValue('mix-blend-mode') is 'normal'
    99PASS cssRule.type is 1
    1010PASS declaration.length is 1
    11 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'multiply'
     11PASS declaration.getPropertyValue('mix-blend-mode') is 'multiply'
    1212PASS cssRule.type is 1
    1313PASS declaration.length is 1
    14 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'screen'
     14PASS declaration.getPropertyValue('mix-blend-mode') is 'screen'
    1515PASS cssRule.type is 1
    1616PASS declaration.length is 1
    17 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'overlay'
     17PASS declaration.getPropertyValue('mix-blend-mode') is 'overlay'
    1818PASS cssRule.type is 1
    1919PASS declaration.length is 1
    20 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'darken'
     20PASS declaration.getPropertyValue('mix-blend-mode') is 'darken'
    2121PASS cssRule.type is 1
    2222PASS declaration.length is 1
    23 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'lighten'
     23PASS declaration.getPropertyValue('mix-blend-mode') is 'lighten'
    2424PASS cssRule.type is 1
    2525PASS declaration.length is 1
    26 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'color-dodge'
     26PASS declaration.getPropertyValue('mix-blend-mode') is 'color-dodge'
    2727PASS cssRule.type is 1
    2828PASS declaration.length is 1
    29 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'color-burn'
     29PASS declaration.getPropertyValue('mix-blend-mode') is 'color-burn'
    3030PASS cssRule.type is 1
    3131PASS declaration.length is 1
    32 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'hard-light'
     32PASS declaration.getPropertyValue('mix-blend-mode') is 'hard-light'
    3333PASS cssRule.type is 1
    3434PASS declaration.length is 1
    35 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'soft-light'
     35PASS declaration.getPropertyValue('mix-blend-mode') is 'soft-light'
    3636PASS cssRule.type is 1
    3737PASS declaration.length is 1
    38 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'difference'
     38PASS declaration.getPropertyValue('mix-blend-mode') is 'difference'
    3939PASS cssRule.type is 1
    4040PASS declaration.length is 1
    41 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'exclusion'
     41PASS declaration.getPropertyValue('mix-blend-mode') is 'exclusion'
    4242PASS cssRule.type is 1
    4343PASS declaration.length is 1
    44 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'hue'
     44PASS declaration.getPropertyValue('mix-blend-mode') is 'hue'
    4545PASS cssRule.type is 1
    4646PASS declaration.length is 1
    47 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'saturation'
     47PASS declaration.getPropertyValue('mix-blend-mode') is 'saturation'
    4848PASS cssRule.type is 1
    4949PASS declaration.length is 1
    50 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'color'
     50PASS declaration.getPropertyValue('mix-blend-mode') is 'color'
    5151PASS cssRule.type is 1
    5252PASS declaration.length is 1
    53 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'luminosity'
     53PASS declaration.getPropertyValue('mix-blend-mode') is 'luminosity'
    5454PASS successfullyParsed is true
    5555

  • trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-expected.txt

    r164480 r167448  
    1 Test the parsing of the -webkit-mix-blend-mode property.
     1Test the parsing of the mix-blend-mode property.
    22
    33On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
    … …  
    88PASS cssRule.type is 1
    99PASS declaration.length is 1
    10 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'normal'
     10PASS declaration.getPropertyValue('mix-blend-mode') is 'normal'
    1111PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    1212PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    1616PASS cssRule.type is 1
    1717PASS declaration.length is 1
    18 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'multiply'
     18PASS declaration.getPropertyValue('mix-blend-mode') is 'multiply'
    1919PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    2020PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    2424PASS cssRule.type is 1
    2525PASS declaration.length is 1
    26 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'screen'
     26PASS declaration.getPropertyValue('mix-blend-mode') is 'screen'
    2727PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    2828PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    3232PASS cssRule.type is 1
    3333PASS declaration.length is 1
    34 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'overlay'
     34PASS declaration.getPropertyValue('mix-blend-mode') is 'overlay'
    3535PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    3636PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    4040PASS cssRule.type is 1
    4141PASS declaration.length is 1
    42 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'darken'
     42PASS declaration.getPropertyValue('mix-blend-mode') is 'darken'
    4343PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    4444PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    4848PASS cssRule.type is 1
    4949PASS declaration.length is 1
    50 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'lighten'
     50PASS declaration.getPropertyValue('mix-blend-mode') is 'lighten'
    5151PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    5252PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    5656PASS cssRule.type is 1
    5757PASS declaration.length is 1
    58 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'color-dodge'
     58PASS declaration.getPropertyValue('mix-blend-mode') is 'color-dodge'
    5959PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    6060PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    6464PASS cssRule.type is 1
    6565PASS declaration.length is 1
    66 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'color-burn'
     66PASS declaration.getPropertyValue('mix-blend-mode') is 'color-burn'
    6767PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    6868PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    7272PASS cssRule.type is 1
    7373PASS declaration.length is 1
    74 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'hard-light'
     74PASS declaration.getPropertyValue('mix-blend-mode') is 'hard-light'
    7575PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    7676PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    8080PASS cssRule.type is 1
    8181PASS declaration.length is 1
    82 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'soft-light'
     82PASS declaration.getPropertyValue('mix-blend-mode') is 'soft-light'
    8383PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    8484PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    8888PASS cssRule.type is 1
    8989PASS declaration.length is 1
    90 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'difference'
     90PASS declaration.getPropertyValue('mix-blend-mode') is 'difference'
    9191PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    9292PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    9696PASS cssRule.type is 1
    9797PASS declaration.length is 1
    98 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'exclusion'
     98PASS declaration.getPropertyValue('mix-blend-mode') is 'exclusion'
    9999PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    100100PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    104104PASS cssRule.type is 1
    105105PASS declaration.length is 1
    106 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'hue'
     106PASS declaration.getPropertyValue('mix-blend-mode') is 'hue'
    107107PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    108108PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    112112PASS cssRule.type is 1
    113113PASS declaration.length is 1
    114 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'saturation'
     114PASS declaration.getPropertyValue('mix-blend-mode') is 'saturation'
    115115PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    116116PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    120120PASS cssRule.type is 1
    121121PASS declaration.length is 1
    122 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'color'
     122PASS declaration.getPropertyValue('mix-blend-mode') is 'color'
    123123PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    124124PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'
    … …  
    128128PASS cssRule.type is 1
    129129PASS declaration.length is 1
    130 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is 'luminosity'
     130PASS declaration.getPropertyValue('mix-blend-mode') is 'luminosity'
    131131PASS jsWrapperClass(blendModeRule) is 'CSSPrimitiveValue'
    132132PASS jsWrapperClass(blendModeRule.__proto__) is 'CSSPrimitiveValuePrototype'

  • trunk/LayoutTests/css3/compositing/blend-mode-property-parsing-invalid-expected.txt

    r164480 r167448  
    1 Test the parsing of the -webkit-mix-blend-mode property.
     1Test the parsing of the mix-blend-mode property.
    22
    33On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
    … …  
    88PASS cssRule.type is 1
    99PASS declaration.length is 0
    10 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is null
     10PASS declaration.getPropertyValue('mix-blend-mode') is null
    1111
    1212Wrong type : "5px"
    1313PASS cssRule.type is 1
    1414PASS declaration.length is 0
    15 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is null
     15PASS declaration.getPropertyValue('mix-blend-mode') is null
    1616
    1717Trailing comma : overlay,
    1818PASS cssRule.type is 1
    1919PASS declaration.length is 0
    20 PASS declaration.getPropertyValue('-webkit-mix-blend-mode') is null
     20PASS declaration.getPropertyValue('mix-blend-mode') is null
    2121PASS successfullyParsed is true
    2222

  • trunk/LayoutTests/css3/compositing/blend-mode-reflection.html

    r164480 r167448  
    3131Both the duck and the reflection should blend.  -->
    3232<body>
    33     <ul><li><img style="-webkit-mix-blend-mode: multiply" src="resources/ducky.png"></li></ul>
    34     <ul><li><img class="composited" style="-webkit-mix-blend-mode: multiply" src="resources/ducky.png"></li></ul>
     33    <ul><li><img style="mix-blend-mode: multiply" src="resources/ducky.png"></li></ul>
     34    <ul><li><img class="composited" style="mix-blend-mode: multiply" src="resources/ducky.png"></li></ul>
    3535</body>

  • trunk/LayoutTests/css3/compositing/blend-mode-simple-composited.html

    r164480 r167448  
    2828    <ul>
    2929        <!-- Separable blend modes -->
    30         <li><img style="-webkit-mix-blend-mode: normal" src="resources/ducky.png"></li>
    31         <li><img style="-webkit-mix-blend-mode: overlay" src="resources/ducky.png"></li>
    32         <li><img style="-webkit-mix-blend-mode: screen" src="resources/ducky.png"></li>
    33         <li><img style="-webkit-mix-blend-mode: overlay" src="resources/ducky.png"></li>
    34         <li><img style="-webkit-mix-blend-mode: darken" src="resources/ducky.png"></li>
    35         <li><img style="-webkit-mix-blend-mode: lighten" src="resources/ducky.png"></li>
    36         <li><img style="-webkit-mix-blend-mode: color-dodge" src="resources/ducky.png"></li>
    37         <li><img style="-webkit-mix-blend-mode: color-burn" src="resources/ducky.png"></li>
    38         <li><img style="-webkit-mix-blend-mode: hard-light" src="resources/ducky.png"></li>
    39         <li><img style="-webkit-mix-blend-mode: soft-light" src="resources/ducky.png"></li>
    40         <li><img style="-webkit-mix-blend-mode: difference" src="resources/ducky.png"></li>
    41         <li><img style="-webkit-mix-blend-mode: exclusion" src="resources/ducky.png"></li>
     30        <li><img style="mix-blend-mode: normal" src="resources/ducky.png"></li>
     31        <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
     32        <li><img style="mix-blend-mode: screen" src="resources/ducky.png"></li>
     33        <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
     34        <li><img style="mix-blend-mode: darken" src="resources/ducky.png"></li>
     35        <li><img style="mix-blend-mode: lighten" src="resources/ducky.png"></li>
     36        <li><img style="mix-blend-mode: color-dodge" src="resources/ducky.png"></li>
     37        <li><img style="mix-blend-mode: color-burn" src="resources/ducky.png"></li>
     38        <li><img style="mix-blend-mode: hard-light" src="resources/ducky.png"></li>
     39        <li><img style="mix-blend-mode: soft-light" src="resources/ducky.png"></li>
     40        <li><img style="mix-blend-mode: difference" src="resources/ducky.png"></li>
     41        <li><img style="mix-blend-mode: exclusion" src="resources/ducky.png"></li>
    4242        <!-- Non separable blend modes -->
    43         <li><img style="-webkit-mix-blend-mode: hue" src="resources/ducky.png"></li>
    44         <li><img style="-webkit-mix-blend-mode: saturation" src="resources/ducky.png"></li>
    45         <li><img style="-webkit-mix-blend-mode: color" src="resources/ducky.png"></li>
    46         <li><img style="-webkit-mix-blend-mode: luminosity" src="resources/ducky.png"></li>
     43        <li><img style="mix-blend-mode: hue" src="resources/ducky.png"></li>
     44        <li><img style="mix-blend-mode: saturation" src="resources/ducky.png"></li>
     45        <li><img style="mix-blend-mode: color" src="resources/ducky.png"></li>
     46        <li><img style="mix-blend-mode: luminosity" src="resources/ducky.png"></li>
    4747    </ul>
    4848</body>

  • trunk/LayoutTests/css3/compositing/blend-mode-simple.html

    r164480 r167448  
    2727    <ul>
    2828        <!-- Separable blend modes -->
    29         <li><img style="-webkit-mix-blend-mode: normal" src="resources/ducky.png"></li>
    30         <li><img style="-webkit-mix-blend-mode: overlay" src="resources/ducky.png"></li>
    31         <li><img style="-webkit-mix-blend-mode: screen" src="resources/ducky.png"></li>
    32         <li><img style="-webkit-mix-blend-mode: overlay" src="resources/ducky.png"></li>
    33         <li><img style="-webkit-mix-blend-mode: darken" src="resources/ducky.png"></li>
    34         <li><img style="-webkit-mix-blend-mode: lighten" src="resources/ducky.png"></li>
    35         <li><img style="-webkit-mix-blend-mode: color-dodge" src="resources/ducky.png"></li>
    36         <li><img style="-webkit-mix-blend-mode: color-burn" src="resources/ducky.png"></li>
    37         <li><img style="-webkit-mix-blend-mode: hard-light" src="resources/ducky.png"></li>
    38         <li><img style="-webkit-mix-blend-mode: soft-light" src="resources/ducky.png"></li>
    39         <li><img style="-webkit-mix-blend-mode: difference" src="resources/ducky.png"></li>
    40         <li><img style="-webkit-mix-blend-mode: exclusion" src="resources/ducky.png"></li>
     29        <li><img style="mix-blend-mode: normal" src="resources/ducky.png"></li>
     30        <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
     31        <li><img style="mix-blend-mode: screen" src="resources/ducky.png"></li>
     32        <li><img style="mix-blend-mode: overlay" src="resources/ducky.png"></li>
     33        <li><img style="mix-blend-mode: darken" src="resources/ducky.png"></li>
     34        <li><img style="mix-blend-mode: lighten" src="resources/ducky.png"></li>
     35        <li><img style="mix-blend-mode: color-dodge" src="resources/ducky.png"></li>
     36        <li><img style="mix-blend-mode: color-burn" src="resources/ducky.png"></li>
     37        <li><img style="mix-blend-mode: hard-light" src="resources/ducky.png"></li>
     38        <li><img style="mix-blend-mode: soft-light" src="resources/ducky.png"></li>
     39        <li><img style="mix-blend-mode: difference" src="resources/ducky.png"></li>
     40        <li><img style="mix-blend-mode: exclusion" src="resources/ducky.png"></li>
    4141        <!-- Non separable blend modes -->
    42         <li><img style="-webkit-mix-blend-mode: hue" src="resources/ducky.png"></li>
    43         <li><img style="-webkit-mix-blend-mode: saturation" src="resources/ducky.png"></li>
    44         <li><img style="-webkit-mix-blend-mode: color" src="resources/ducky.png"></li>
    45         <li><img style="-webkit-mix-blend-mode: luminosity" src="resources/ducky.png"></li>
     42        <li><img style="mix-blend-mode: hue" src="resources/ducky.png"></li>
     43        <li><img style="mix-blend-mode: saturation" src="resources/ducky.png"></li>
     44        <li><img style="mix-blend-mode: color" src="resources/ducky.png"></li>
     45        <li><img style="mix-blend-mode: luminosity" src="resources/ducky.png"></li>
    4646    </ul>
    4747</body>

  • trunk/LayoutTests/css3/compositing/blend-mode-transform-style-expected.txt

    r164640 r167448  
    55
    66TEST COMPLETE
    7 Test that an element with -webkit-mix-blend-mode other than normal forces the computed value of transform-style to flat.
     7Test that an element with mix-blend-mode other than normal forces the computed value of transform-style to flat.
    88
    99

  • trunk/LayoutTests/css3/compositing/blend-mode-transform-style.html

    r164640 r167448  
    66    }
    77    .noblender {
    8         -webkit-mix-blend-mode: normal;
     8        mix-blend-mode: normal;
    99    }
    1010    .blender {
    11         -webkit-mix-blend-mode: difference;
     11        mix-blend-mode: difference;
    1212    }
    1313</style>
    14 <p>Test that an element with -webkit-mix-blend-mode other than normal forces the computed value of transform-style to flat.</p>
     14<p>Test that an element with mix-blend-mode other than normal forces the computed value of transform-style to flat.</p>
    1515<div id="blend-mode-normal-with-transform-style-preserve-3d" class="noblender" style="-webkit-transform-style: preserve-3d;"></div>
    1616<div id="blending-with-transform-style-preserve-3d" class="blender" style="-webkit-transform-style: preserve-3d;"></div>

  • trunk/LayoutTests/css3/compositing/blend-mode-with-accelerated-sibling.html

    r166634 r167448  
    66    }
    77    .blended {
    8         -webkit-mix-blend-mode: multiply;
     8        mix-blend-mode: multiply;
    99    }
    1010    .child {
    … …  
    1414    }
    1515    .parent {
    16         -webkit-isolation: isolate;
     16        isolation: isolate;
    1717    }
    1818</style>

  • trunk/LayoutTests/css3/compositing/blend-mode-with-composited-descendant-should-have-layer.html

    r164480 r167448  
    88    }
    99    .blender {
    10         -webkit-mix-blend-mode: difference;
     10        mix-blend-mode: difference;
    1111    }
    1212    .child {

  • trunk/LayoutTests/css3/compositing/isolation-isolate-blended-child-expected.html

    r164795 r167448  
    2222    .child {
    2323        margin-top: 0px;
    24         -webkit-mix-blend-mode: multiply;
     24        mix-blend-mode: multiply;
    2525        background: olive;
    2626    }

  • trunk/LayoutTests/css3/compositing/isolation-isolate-blended-child.html

    r164795 r167448  
    11<!DOCTYPE HTML>
    2 <!-- Test to ensure that "-webkit-isolation:isolate" creates a stacking context, thus preventing blending with the parent element. -->
     2<!-- Test to ensure that "isolation:isolate" creates a stacking context, thus preventing blending with the parent element. -->
    33<style>
    44    div {
    … …  
    1616
    1717    .isolator {
    18         -webkit-isolation: isolate;
     18        isolation: isolate;
    1919        background: violet;
    2020    }
    2121
    2222    .child {
    23         -webkit-mix-blend-mode: multiply;
     23        mix-blend-mode: multiply;
    2424        background: olive;
    2525    }

  • trunk/LayoutTests/css3/compositing/isolation-parsing.html

    r164795 r167448  
    77            var div = document.createElement('div');
    88            document.body.appendChild(div);
    9             div.style.setProperty("-webkit-isolation", value);
     9            div.style.setProperty("isolation", value);
    1010
    11             var computedValue = getComputedStyle(div).getPropertyValue("-webkit-isolation");
     11            var computedValue = getComputedStyle(div).getPropertyValue("isolation");
    1212            document.body.removeChild(div);
    1313

  • trunk/LayoutTests/css3/compositing/script-tests/blend-mode-property-parsing-invalid.js

    r164480 r167448  
    1 description("Test the parsing of the -webkit-mix-blend-mode property.");
     1description("Test the parsing of the mix-blend-mode property.");
    22
    33// These have to be global for the test helpers to see them.
    … …  
    66document.head.appendChild(styleElement);
    77stylesheet = styleElement.sheet;
    8 stylesheet.insertRule("body { -webkit-mix-blend-mode: multiply; }", 0);
     8stylesheet.insertRule("body { mix-blend-mode: multiply; }", 0);
    99
    1010function testInvalidFilterRule(description, rule)
    … …  
    1313    debug(description + " : " + rule);
    1414
    15     stylesheet.insertRule("body { -webkit-mix-blend-mode: " + rule + "; }", 0);
     15    stylesheet.insertRule("body { mix-blend-mode: " + rule + "; }", 0);
    1616    cssRule = stylesheet.cssRules.item(0);
    1717 
    … …  
    2020    declaration = cssRule.style;
    2121    shouldBe("declaration.length", "0");
    22     shouldBe("declaration.getPropertyValue('-webkit-mix-blend-mode')", "null");
     22    shouldBe("declaration.getPropertyValue('mix-blend-mode')", "null");
    2323}
    2424

  • trunk/LayoutTests/css3/compositing/script-tests/blend-mode-property-parsing.js

    r164480 r167448  
    1 description("Test the parsing of the -webkit-mix-blend-mode property.");
     1description("Test the parsing of the mix-blend-mode property.");
    22
    33function jsWrapperClass(node)
    … …  
    3131    debug(description + " : " + rule);
    3232
    33     stylesheet.insertRule("body { -webkit-mix-blend-mode: " + rule + "; }", 0);
     33    stylesheet.insertRule("body { mix-blend-mode: " + rule + "; }", 0);
    3434    cssRule = stylesheet.cssRules.item(0);
    3535 
    … …  
    3838    declaration = cssRule.style;
    3939    shouldBe("declaration.length", "1");
    40     shouldBe("declaration.getPropertyValue('-webkit-mix-blend-mode')", "'" + expectedValue + "'");
     40    shouldBe("declaration.getPropertyValue('mix-blend-mode')", "'" + expectedValue + "'");
    4141
    42     blendModeRule = declaration.getPropertyCSSValue('-webkit-mix-blend-mode');
     42    blendModeRule = declaration.getPropertyCSSValue('mix-blend-mode');
    4343    shouldBeType("blendModeRule", "CSSPrimitiveValue");
    4444}

  • trunk/LayoutTests/css3/compositing/script-tests/blend-mode-property.js

    r164480 r167448  
    1 description("Test the parsing of the -webkit-mix-blend-mode property.");
     1description("Test the parsing of the mix-blend-mode property.");
    22
    33var styleElement = document.createElement("style");
    … …  
    1010{
    1111// add a -webkit-filter property to the start of the stylesheet
    12 stylesheet.addRule("body", "-webkit-mix-blend-mode: " + blendmode, 0);
     12stylesheet.addRule("body", "mix-blend-mode: " + blendmode, 0);
    1313
    1414cssRule = stylesheet.cssRules.item(0);
    … …  
    1818declaration = cssRule.style;
    1919shouldBe("declaration.length", "1");
    20 shouldBe("declaration.getPropertyValue('-webkit-mix-blend-mode')", "\'" + blendmode + "\'");
     20shouldBe("declaration.getPropertyValue('mix-blend-mode')", "\'" + blendmode + "\'");
    2121}
    2222

  • trunk/LayoutTests/css3/compositing/svg-blend-color-dodge.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: color-dodge"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: color-dodge"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-color.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: color"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: color"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-hard-light.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: hard-light"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: hard-light"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-hue.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: hue"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: hue"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-layer-blend.html

    r164480 r167448  
    66<g transform="scale(4 4)">
    77  <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/>
    8   <g style="-webkit-mix-blend-mode: multiply">
    9     <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="-webkit-mix-blend-mode: difference"/>
     8  <g style="mix-blend-mode: multiply">
     9    <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
    1010  </g>
    1111</g>

  • trunk/LayoutTests/css3/compositing/svg-blend-layer-clip-path.html

    r164480 r167448  
    1212  <rect x="0" y="0" width="40" height="40" fill="rgb(255,255,0)"/>
    1313  <g clip-path="url(#clip)">
    14     <rect x="0" y="0" width="40" height="40" fill="rgb(255,0,0)" style="-webkit-mix-blend-mode: difference"/>
     14    <rect x="0" y="0" width="40" height="40" fill="rgb(255,0,0)" style="mix-blend-mode: difference"/>
    1515  </g>
    1616</g>

  • trunk/LayoutTests/css3/compositing/svg-blend-layer-filter.html

    r164480 r167448  
    1212  <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/>
    1313  <g filter="url(#f1)">
    14     <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="-webkit-mix-blend-mode: difference"/>
     14    <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
    1515  </g>
    1616</g>

  • trunk/LayoutTests/css3/compositing/svg-blend-layer-opacity.html

    r164480 r167448  
    77  <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/>
    88  <g opacity=".5">
    9     <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="-webkit-mix-blend-mode: difference"/>
     9    <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
    1010  </g>
    1111</g>

  • trunk/LayoutTests/css3/compositing/svg-blend-layer-shadow.html

    r164480 r167448  
    88  <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/>
    99  <g style="-webkit-svg-shadow:0px 0px 1px rgba(0,0,0,0);">
    10     <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="-webkit-mix-blend-mode: difference"/>
     10    <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/>
    1111  </g>
    1212</g>

  • trunk/LayoutTests/css3/compositing/svg-blend-luminosity.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: luminosity"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: luminosity"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-multiply-alpha.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="opacity: .5; -webkit-mix-blend-mode: multiply"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="opacity: .5; mix-blend-mode: multiply"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-multiply.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: multiply"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: multiply"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-saturation.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: saturation"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: saturation"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-screen.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: screen"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: screen"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-blend-soft-light.html

    r164480 r167448  
    1414<g transform="scale(4 4)">
    1515  <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use>
    16   <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="-webkit-mix-blend-mode: soft-light"></use>
     16  <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: soft-light"></use>
    1717</g>
    1818</svg>

  • trunk/LayoutTests/css3/compositing/svg-isolation-default-expected.html

    r164795 r167448  
    11<!DOCTYPE HTML>
    22<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" style="background: green">
    3     <rect x="100" y="100" width="200" height="200" style="fill: blue; -webkit-mix-blend-mode: multiply"/>
     3    <rect x="100" y="100" width="200" height="200" style="fill: blue; mix-blend-mode: multiply"/>
    44</svg>

  • trunk/LayoutTests/css3/compositing/svg-isolation-default.html

    r164795 r167448  
    33<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" style="background: green">
    44    <g style="-webkit-isolation: auto">
    5         <rect x="100" y="100" width="200" height="200" style="fill: blue; -webkit-mix-blend-mode: multiply"/>
     5        <rect x="100" y="100" width="200" height="200" style="fill: blue; mix-blend-mode: multiply"/>
    66    </g>
    77</svg>

  • trunk/LayoutTests/css3/compositing/svg-isolation-isolated-group-expected.html

    r164795 r167448  
    44        <rect x="50" y="50" width="200" height="200" style="fill: orange;"/>
    55        <rect x="100" y="100" width="250" height="250" style="fill: blue;"/>
    6         <rect x="100" y="100" width="150" height="150" style="fill: orange; -webkit-mix-blend-mode: difference;"/>
     6        <rect x="100" y="100" width="150" height="150" style="fill: orange; mix-blend-mode: difference;"/>
    77    </g>
    88</svg>

  • trunk/LayoutTests/css3/compositing/svg-isolation-isolated-group.html

    r164795 r167448  
    33This implies that the isolation is performed accordingly, meaning the orange rect doesn't blend with the background color. -->
    44<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" style="background: green">
    5     <g style="-webkit-isolation: isolate;">
     5    <g style="isolation: isolate;">
    66        <rect x="100" y="100" width="250" height="250" style="fill: blue;"/>
    7         <rect x="50" y="50" width="200" height="200" style="fill: orange; -webkit-mix-blend-mode: difference;"/>
     7        <rect x="50" y="50" width="200" height="200" style="fill: orange; mix-blend-mode: difference;"/>
    88    </g>
    99</svg>

  • trunk/LayoutTests/fast/repaint/blend-mode-isolate-stacking-context.html

    r165970 r167448  
    2727
    2828    .blender {
    29         -webkit-mix-blend-mode: difference;
     29        mix-blend-mode: difference;
    3030    }
    3131
    3232    .blender2 {
    33         -webkit-mix-blend-mode: screen;
     33        mix-blend-mode: screen;
    3434    }
    3535</style>

  • trunk/LayoutTests/inspector-protocol/layers/layers-blending-compositing-reasons.html

    r166800 r167448  
    141141     
    142142    #isolating {
    143         -webkit-isolation: isolate;
     143        isolation: isolate;
    144144    }
    145145
    146146    #blending {
    147         -webkit-mix-blend-mode: difference;
     147        mix-blend-mode: difference;
    148148    }
    149149

  • trunk/LayoutTests/transitions/blendmode-transitions-expected.txt

    r164480 r167448  
    11Test to make sure that the blendmode property is properly propagated to shared styles
    22BOX
    3 PASS - "-webkit-mix-blend-mode" property for "box" element at 0.5s saw something close to: difference
     3PASS - "mix-blend-mode" property for "box" element at 0.5s saw something close to: difference
    44

  • trunk/LayoutTests/transitions/blendmode-transitions.html

    r164480 r167448  
    1515      -webkit-transition-property: opacity;
    1616          opacity:1;
    17           -webkit-mix-blend-mode: difference;
     17          mix-blend-mode: difference;
    1818    }
    1919   
    … …  
    2727    const expectedValues = [
    2828      // [time, element-id, property, expected-value, tolerance]
    29       [0.5, 'box', '-webkit-mix-blend-mode', 'difference', 0],
     29      [0.5, 'box', 'mix-blend-mode', 'difference', 0],
    3030    ];
    3131 

  • trunk/Source/WebCore/ChangeLog

    r167447 r167448  
     12014-04-17  Rik Cabanier  <cabanier@adobe.com>
     2
     3        [CSS Blending] Remove the -webkit- prefix for mix-blend-mode and isolation CSS properties
     4        https://bugs.webkit.org/show_bug.cgi?id=131355
     5
     6        Reviewed by Dean Jackson.
     7
     8        Removed webkit prefix from mix-blend-mode and isolation. These properties
     9        never shipped and their spec is now in CR.
     10
     11        Covered by existing tests.
     12
     13        * css/CSSComputedStyleDeclaration.cpp:
     14        (WebCore::ComputedStyleExtractor::propertyValue):
     15        * css/CSSParser.cpp:
     16        (WebCore::isValidKeywordPropertyAndValue):
     17        (WebCore::isKeywordPropertyID):
     18        (WebCore::CSSParser::parseValue):
     19        * css/CSSPropertyNames.in:
     20        * css/DeprecatedStyleBuilder.cpp:
     21        (WebCore::DeprecatedStyleBuilder::DeprecatedStyleBuilder):
     22
    1232014-04-17  David Kilzer  <ddkilzer@apple.com>
    224

  • trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp

    r167192 r167448  
    233233    CSSPropertyWebkitBackgroundSize,
    234234#if ENABLE(CSS_COMPOSITING)
    235     CSSPropertyWebkitMixBlendMode,
    236     CSSPropertyWebkitIsolation,
     235    CSSPropertyMixBlendMode,
     236    CSSPropertyIsolation,
    237237#endif
    238238    CSSPropertyWebkitBorderFit,
    … …  
    28162816#endif
    28172817#if ENABLE(CSS_COMPOSITING)
    2818         case CSSPropertyWebkitMixBlendMode:
     2818        case CSSPropertyMixBlendMode:
    28192819            return cssValuePool().createValue(style->blendMode());
    2820         case CSSPropertyWebkitIsolation:
     2820        case CSSPropertyIsolation:
    28212821            return cssValuePool().createValue(style->isolation());
    28222822#endif

  • trunk/Source/WebCore/css/CSSParser.cpp

    r166909 r167448  
    813813        break;
    814814#if ENABLE(CSS_COMPOSITING)
    815     case CSSPropertyWebkitMixBlendMode:
     815    case CSSPropertyMixBlendMode:
    816816        if (parserContext.isCSSCompositingEnabled && (valueID == CSSValueNormal || valueID == CSSValueMultiply || valueID == CSSValueScreen
    817817            || valueID == CSSValueOverlay || valueID == CSSValueDarken || valueID == CSSValueLighten ||  valueID == CSSValueColorDodge
    … …  
    821821            return true;
    822822        break;
    823     case CSSPropertyWebkitIsolation:
     823    case CSSPropertyIsolation:
    824824        if (parserContext.isCSSCompositingEnabled && (valueID == CSSValueAuto || valueID == CSSValueIsolate))
    825825            return true;
    … …  
    10811081    case CSSPropertyWebkitAppearance:
    10821082#if ENABLE(CSS_COMPOSITING)
    1083     case CSSPropertyWebkitMixBlendMode:
    1084     case CSSPropertyWebkitIsolation:
     1083    case CSSPropertyMixBlendMode:
     1084    case CSSPropertyIsolation:
    10851085#endif
    10861086    case CSSPropertyWebkitBackfaceVisibility:
    … …  
    24132413#endif
    24142414#if ENABLE(CSS_COMPOSITING)
    2415     case CSSPropertyWebkitMixBlendMode:
     2415    case CSSPropertyMixBlendMode:
    24162416        if (cssCompositingEnabled())
    24172417            validPrimitive = true;
    24182418        break;
    2419     case CSSPropertyWebkitIsolation:
     2419    case CSSPropertyIsolation:
    24202420        if (cssCompositingEnabled())
    24212421            validPrimitive = true;

  • trunk/Source/WebCore/css/CSSPropertyNames.in

    r166618 r167448  
    287287#endif
    288288#if defined(ENABLE_CSS_COMPOSITING) && ENABLE_CSS_COMPOSITING
    289 -webkit-mix-blend-mode
    290 -webkit-isolation
     289mix-blend-mode
     290isolation
    291291#endif
    292292#if defined(ENABLE_CSS_FILTERS) && ENABLE_CSS_FILTERS

  • trunk/Source/WebCore/css/DeprecatedStyleBuilder.cpp

    r167208 r167448  
    24752475    setPropertyHandler(CSSPropertyWebkitBackgroundSize, CSSPropertyBackgroundSize);
    24762476#if ENABLE(CSS_COMPOSITING)
    2477     setPropertyHandler(CSSPropertyWebkitMixBlendMode, ApplyPropertyDefault<BlendMode, &RenderStyle::blendMode, BlendMode, &RenderStyle::setBlendMode, BlendMode, &RenderStyle::initialBlendMode>::createHandler());
    2478     setPropertyHandler(CSSPropertyWebkitIsolation, ApplyPropertyDefault<Isolation, &RenderStyle::isolation, Isolation, &RenderStyle::setIsolation, Isolation, &RenderStyle::initialIsolation>::createHandler());
     2477    setPropertyHandler(CSSPropertyMixBlendMode, ApplyPropertyDefault<BlendMode, &RenderStyle::blendMode, BlendMode, &RenderStyle::setBlendMode, BlendMode, &RenderStyle::initialBlendMode>::createHandler());
     2478    setPropertyHandler(CSSPropertyIsolation, ApplyPropertyDefault<Isolation, &RenderStyle::isolation, Isolation, &RenderStyle::setIsolation, Isolation, &RenderStyle::initialIsolation>::createHandler());
    24792479#endif
    24802480    setPropertyHandler(CSSPropertyWebkitBorderFit, ApplyPropertyDefault<EBorderFit, &RenderStyle::borderFit, EBorderFit, &RenderStyle::setBorderFit, EBorderFit, &RenderStyle::initialBorderFit>::createHandler());
Note: See TracChangeset for help on using the changeset viewer.