rename display:-webkit-flexbox to display:-webkit-flex
authortony@chromium.org <tony@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 17 May 2012 03:19:31 +0000 (03:19 +0000)
committertony@chromium.org <tony@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 17 May 2012 03:19:31 +0000 (03:19 +0000)
https://bugs.webkit.org/show_bug.cgi?id=86529

Reviewed by Eric Seidel.

Source/WebCore:

Also renames -webkit-inline-flexbox to -webkit-inline-flex.

No new tests. Covered by existing tests.

* css/CSSParser.cpp:
(WebCore::isValidKeywordPropertyAndValue):
* css/CSSPrimitiveValueMappings.h:
(WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
* css/CSSValueKeywords.in: Update keyword values.
* css/StyleResolver.cpp:
(WebCore::StyleResolver::collectMatchingRulesForList):
* rendering/RenderObject.cpp:
(WebCore::RenderObject::createObject):
* rendering/RenderObject.h:
(RenderObject):
* rendering/style/RenderStyleConstants.h: Rename const values.

LayoutTests:

* css3/flexbox/anonymous-block-merge-crash.html:
* css3/flexbox/anonymous-block.html:
* css3/flexbox/auto-height-dynamic.html:
* css3/flexbox/child-overflow.html:
* css3/flexbox/columns-auto-size.html:
* css3/flexbox/cross-axis-scrollbar.html:
* css3/flexbox/css-properties-expected.txt:
* css3/flexbox/css-properties.html:
* css3/flexbox/display-flexbox-set-get-expected.txt:
* css3/flexbox/display-flexbox-set-get.html:
* css3/flexbox/flex-algorithm-min-max.html:
* css3/flexbox/flex-algorithm-with-margins.html:
* css3/flexbox/flex-algorithm.html:
* css3/flexbox/flex-align-baseline.html:
* css3/flexbox/flex-align-column.html:
* css3/flexbox/flex-align-end.html:
* css3/flexbox/flex-align-max.html:
* css3/flexbox/flex-align-percent-height.html:
* css3/flexbox/flex-align-stretch.html:
* css3/flexbox/flex-align-vertical-writing-mode.html:
* css3/flexbox/flex-align.html:
* css3/flexbox/flex-flow-border.html:
* css3/flexbox/flex-flow-margins-auto-size.html:
* css3/flexbox/flex-flow-margins.html:
* css3/flexbox/flex-flow-orientations.html:
* css3/flexbox/flex-flow-overflow.html:
* css3/flexbox/flex-flow-padding.html:
* css3/flexbox/flex-flow.html:
* css3/flexbox/flex-item-child-overflow.html:
* css3/flexbox/flex-no-flex.html:
* css3/flexbox/flex-order.html:
* css3/flexbox/flex-pack.html:
* css3/flexbox/flexbox-overflow-auto-expected.html:
* css3/flexbox/flexbox-overflow-auto.html:
* css3/flexbox/floated-flexbox.html:
* css3/flexbox/insert-text-crash.html:
* css3/flexbox/line-wrapping.html:
* css3/flexbox/multiline-align.html:
* css3/flexbox/multiline-column-auto.html:
* css3/flexbox/multiline-line-pack-horizontal-column.html:
* css3/flexbox/multiline-line-pack.html:
* css3/flexbox/multiline-pack.html:
* css3/flexbox/multiline-reverse-wrap-baseline.html:
* css3/flexbox/multiline-reverse-wrap-overflow.html:
* css3/flexbox/multiline-shrink-to-fit.html:
* css3/flexbox/multiline.html:
* css3/flexbox/nested-stretch.html:
* css3/flexbox/orthogonal-flex-directions.html:
* css3/flexbox/position-absolute-child.html:
* css3/flexbox/preferred-widths-orthogonal.html:
* css3/flexbox/preferred-widths.html:
* css3/flexbox/repaint-rtl-column.html:
* css3/flexbox/repaint.html:
* css3/flexbox/true-centering.html:
* css3/flexbox/writing-modes.html:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@117385 268f45cc-cd09-0410-ab3c-d52691b4dbfc

65 files changed:
LayoutTests/ChangeLog
LayoutTests/css3/flexbox/anonymous-block-merge-crash.html
LayoutTests/css3/flexbox/anonymous-block.html
LayoutTests/css3/flexbox/auto-height-dynamic.html
LayoutTests/css3/flexbox/child-overflow.html
LayoutTests/css3/flexbox/columns-auto-size.html
LayoutTests/css3/flexbox/cross-axis-scrollbar.html
LayoutTests/css3/flexbox/css-properties-expected.txt
LayoutTests/css3/flexbox/css-properties.html
LayoutTests/css3/flexbox/display-flexbox-set-get-expected.txt
LayoutTests/css3/flexbox/display-flexbox-set-get.html
LayoutTests/css3/flexbox/flex-algorithm-min-max.html
LayoutTests/css3/flexbox/flex-algorithm-with-margins.html
LayoutTests/css3/flexbox/flex-algorithm.html
LayoutTests/css3/flexbox/flex-align-baseline.html
LayoutTests/css3/flexbox/flex-align-column.html
LayoutTests/css3/flexbox/flex-align-end.html
LayoutTests/css3/flexbox/flex-align-max.html
LayoutTests/css3/flexbox/flex-align-percent-height.html
LayoutTests/css3/flexbox/flex-align-stretch.html
LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.html
LayoutTests/css3/flexbox/flex-align.html
LayoutTests/css3/flexbox/flex-flow-border.html
LayoutTests/css3/flexbox/flex-flow-margins-auto-size.html
LayoutTests/css3/flexbox/flex-flow-margins.html
LayoutTests/css3/flexbox/flex-flow-orientations.html
LayoutTests/css3/flexbox/flex-flow-overflow.html
LayoutTests/css3/flexbox/flex-flow-padding.html
LayoutTests/css3/flexbox/flex-flow.html
LayoutTests/css3/flexbox/flex-item-child-overflow.html
LayoutTests/css3/flexbox/flex-no-flex.html
LayoutTests/css3/flexbox/flex-order.html
LayoutTests/css3/flexbox/flex-pack.html
LayoutTests/css3/flexbox/flexbox-overflow-auto-expected.html
LayoutTests/css3/flexbox/flexbox-overflow-auto.html
LayoutTests/css3/flexbox/floated-flexbox.html
LayoutTests/css3/flexbox/insert-text-crash.html
LayoutTests/css3/flexbox/line-wrapping.html
LayoutTests/css3/flexbox/multiline-align.html
LayoutTests/css3/flexbox/multiline-column-auto.html
LayoutTests/css3/flexbox/multiline-line-pack-horizontal-column.html
LayoutTests/css3/flexbox/multiline-line-pack.html
LayoutTests/css3/flexbox/multiline-pack.html
LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html
LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow.html
LayoutTests/css3/flexbox/multiline-shrink-to-fit.html
LayoutTests/css3/flexbox/multiline.html
LayoutTests/css3/flexbox/nested-stretch.html
LayoutTests/css3/flexbox/orthogonal-flex-directions.html
LayoutTests/css3/flexbox/position-absolute-child.html
LayoutTests/css3/flexbox/preferred-widths-orthogonal.html
LayoutTests/css3/flexbox/preferred-widths.html
LayoutTests/css3/flexbox/repaint-rtl-column.html
LayoutTests/css3/flexbox/repaint.html
LayoutTests/css3/flexbox/true-centering.html
LayoutTests/css3/flexbox/writing-modes.html
LayoutTests/fast/multicol/span/clone-flexbox.html
Source/WebCore/ChangeLog
Source/WebCore/css/CSSParser.cpp
Source/WebCore/css/CSSPrimitiveValueMappings.h
Source/WebCore/css/CSSValueKeywords.in
Source/WebCore/css/StyleResolver.cpp
Source/WebCore/rendering/RenderObject.cpp
Source/WebCore/rendering/RenderObject.h
Source/WebCore/rendering/style/RenderStyleConstants.h

index 9aeef98..f753b23 100644 (file)
@@ -1,3 +1,66 @@
+2012-05-16  Tony Chang  <tony@chromium.org>
+
+        rename display:-webkit-flexbox to display:-webkit-flex
+        https://bugs.webkit.org/show_bug.cgi?id=86529
+
+        Reviewed by Eric Seidel.
+
+        * css3/flexbox/anonymous-block-merge-crash.html:
+        * css3/flexbox/anonymous-block.html:
+        * css3/flexbox/auto-height-dynamic.html:
+        * css3/flexbox/child-overflow.html:
+        * css3/flexbox/columns-auto-size.html:
+        * css3/flexbox/cross-axis-scrollbar.html:
+        * css3/flexbox/css-properties-expected.txt:
+        * css3/flexbox/css-properties.html:
+        * css3/flexbox/display-flexbox-set-get-expected.txt:
+        * css3/flexbox/display-flexbox-set-get.html:
+        * css3/flexbox/flex-algorithm-min-max.html:
+        * css3/flexbox/flex-algorithm-with-margins.html:
+        * css3/flexbox/flex-algorithm.html:
+        * css3/flexbox/flex-align-baseline.html:
+        * css3/flexbox/flex-align-column.html:
+        * css3/flexbox/flex-align-end.html:
+        * css3/flexbox/flex-align-max.html:
+        * css3/flexbox/flex-align-percent-height.html:
+        * css3/flexbox/flex-align-stretch.html:
+        * css3/flexbox/flex-align-vertical-writing-mode.html:
+        * css3/flexbox/flex-align.html:
+        * css3/flexbox/flex-flow-border.html:
+        * css3/flexbox/flex-flow-margins-auto-size.html:
+        * css3/flexbox/flex-flow-margins.html:
+        * css3/flexbox/flex-flow-orientations.html:
+        * css3/flexbox/flex-flow-overflow.html:
+        * css3/flexbox/flex-flow-padding.html:
+        * css3/flexbox/flex-flow.html:
+        * css3/flexbox/flex-item-child-overflow.html:
+        * css3/flexbox/flex-no-flex.html:
+        * css3/flexbox/flex-order.html:
+        * css3/flexbox/flex-pack.html:
+        * css3/flexbox/flexbox-overflow-auto-expected.html:
+        * css3/flexbox/flexbox-overflow-auto.html:
+        * css3/flexbox/floated-flexbox.html:
+        * css3/flexbox/insert-text-crash.html:
+        * css3/flexbox/line-wrapping.html:
+        * css3/flexbox/multiline-align.html:
+        * css3/flexbox/multiline-column-auto.html:
+        * css3/flexbox/multiline-line-pack-horizontal-column.html:
+        * css3/flexbox/multiline-line-pack.html:
+        * css3/flexbox/multiline-pack.html:
+        * css3/flexbox/multiline-reverse-wrap-baseline.html:
+        * css3/flexbox/multiline-reverse-wrap-overflow.html:
+        * css3/flexbox/multiline-shrink-to-fit.html:
+        * css3/flexbox/multiline.html:
+        * css3/flexbox/nested-stretch.html:
+        * css3/flexbox/orthogonal-flex-directions.html:
+        * css3/flexbox/position-absolute-child.html:
+        * css3/flexbox/preferred-widths-orthogonal.html:
+        * css3/flexbox/preferred-widths.html:
+        * css3/flexbox/repaint-rtl-column.html:
+        * css3/flexbox/repaint.html:
+        * css3/flexbox/true-centering.html:
+        * css3/flexbox/writing-modes.html:
+
 2012-05-16  Chris Rogers  <crogers@google.com>
 
         AudioParam must support fan-in (multiple audio connections)
index e7abf95..a00c021 100644 (file)
@@ -1,4 +1,4 @@
-<div style="display:-webkit-flexbox"><div id="inner"></div>If this page doesn't crash then this test passes.</div>
+<div style="display:-webkit-flex"><div id="inner"></div>If this page doesn't crash then this test passes.</div>
 <script>
 if (window.layoutTestController)
     layoutTestController.dumpAsText()
index c646fd0..1b9af34 100644 (file)
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
 <body>
-<div style="display: -webkit-flexbox">This text should be visible.</div>
+<div style="display: -webkit-flex">This text should be visible.</div>
 </body>
 </html>
index 54c1454..e33021c 100644 (file)
@@ -3,7 +3,7 @@
 <style>
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-flex-flow: column;
index f40ba38..05547af 100644 (file)
@@ -41,7 +41,7 @@
 
 .flexbox {
     border: 5px solid pink;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     height: 100px;
     width: 100px;
 }
index db753c8..77bae86 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     -webkit-flex-flow: column;
     background-color: #aaa;
     position: relative;
index 5e4945f..90f8b76 100644 (file)
@@ -7,7 +7,7 @@ body {
 }
 
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: red;
 }
 
index abc85c1..27975d1 100644 (file)
@@ -1,12 +1,12 @@
-Tests being able to set the display to -webkit-flexbox and -webkit-inline-flexbox.
+Tests being able to set the display to -webkit-flex and -webkit-inline-flex.
 
 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
 
 
-PASS flexbox.style.display is "-webkit-flexbox"
+PASS flexbox.style.display is "-webkit-flex"
 PASS flexbox.style.display is "inline"
-PASS flexbox.style.display is "-webkit-inline-flexbox"
-PASS flexbox.style.display is "-webkit-inline-flexbox"
+PASS flexbox.style.display is "-webkit-inline-flex"
+PASS flexbox.style.display is "-webkit-inline-flex"
 PASS flexbox.style.display is "block"
 PASS flexitem.style.webkitFlexOrder is ""
 PASS flexitem.style.webkitFlexOrder is "2"
index 07b7abb..4a49f87 100644 (file)
@@ -8,21 +8,21 @@
     <div id="flexitem"></div>
 </div>
 <script>
-description('Tests being able to set the display to -webkit-flexbox and -webkit-inline-flexbox.');
+description('Tests being able to set the display to -webkit-flex and -webkit-inline-flex.');
 
 var flexbox = document.getElementById("flexbox");
 
-flexbox.style.display = '-webkit-flexbox';
-shouldBeEqualToString('flexbox.style.display', '-webkit-flexbox');
+flexbox.style.display = '-webkit-flex';
+shouldBeEqualToString('flexbox.style.display', '-webkit-flex');
 
 flexbox.style.display = 'inline';
 shouldBeEqualToString('flexbox.style.display', 'inline');
 
-flexbox.style.display = '-webkit-inline-flexbox';
-shouldBeEqualToString('flexbox.style.display', '-webkit-inline-flexbox');
+flexbox.style.display = '-webkit-inline-flex';
+shouldBeEqualToString('flexbox.style.display', '-webkit-inline-flex');
 
 flexbox.style.display = 'junk';
-shouldBeEqualToString('flexbox.style.display', '-webkit-inline-flexbox');
+shouldBeEqualToString('flexbox.style.display', '-webkit-inline-flex');
 
 flexbox.style.display = 'block';
 shouldBeEqualToString('flexbox.style.display', 'block');
index 876ba35..a8ebaf2 100644 (file)
@@ -1,17 +1,17 @@
-Test that setting and getting display: -webkit-flexbox and -webkit-inline-flexbox works as expected
+Test that setting and getting display: -webkit-flex and -webkit-inline-flex works as expected
 
 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
 
 
 Test getting |display| set through CSS
-PASS getComputedStyle(flexboxElement, '').getPropertyValue('display') is '-webkit-flexbox'
-PASS getComputedStyle(inlineFlexboxElement, '').getPropertyValue('display') is '-webkit-inline-flexbox'
+PASS getComputedStyle(flexboxElement, '').getPropertyValue('display') is '-webkit-flex'
+PASS getComputedStyle(inlineFlexboxElement, '').getPropertyValue('display') is '-webkit-inline-flex'
 
 Test getting and setting display through JS
 PASS getComputedStyle(element, '').getPropertyValue('display') is 'block'
-PASS getComputedStyle(element, '').getPropertyValue('display') is '-webkit-flexbox'
+PASS getComputedStyle(element, '').getPropertyValue('display') is '-webkit-flex'
 PASS getComputedStyle(element, '').getPropertyValue('display') is 'block'
-PASS getComputedStyle(element, '').getPropertyValue('display') is '-webkit-inline-flexbox'
+PASS getComputedStyle(element, '').getPropertyValue('display') is '-webkit-inline-flex'
 PASS successfullyParsed is true
 
 TEST COMPLETE
index 3d4a307..61f7b64 100755 (executable)
@@ -2,8 +2,8 @@
 <html>
 <head>
 <style>
-.flexbox { display: -webkit-flexbox; }
-.flexboxInline { display: -webkit-inline-flexbox; }
+.flexbox { display: -webkit-flex; }
+.flexboxInline { display: -webkit-inline-flex; }
 </style>
 <script src="../../fast/js/resources/js-test-pre.js"></script>
 </head>
 <div class="flexbox" id="flexbox"></div>
 <div class="flexboxInline" id="flexboxInline"></div>
 <script>
-description('Test that setting and getting display: -webkit-flexbox and -webkit-inline-flexbox works as expected');
+description('Test that setting and getting display: -webkit-flex and -webkit-inline-flex works as expected');
 
 debug("Test getting |display| set through CSS");
 var flexboxElement = document.getElementById("flexbox");
-shouldBe("getComputedStyle(flexboxElement, '').getPropertyValue('display')", "'-webkit-flexbox'");
+shouldBe("getComputedStyle(flexboxElement, '').getPropertyValue('display')", "'-webkit-flex'");
 var inlineFlexboxElement = document.getElementById("flexboxInline");
-shouldBe("getComputedStyle(inlineFlexboxElement, '').getPropertyValue('display')", "'-webkit-inline-flexbox'");
+shouldBe("getComputedStyle(inlineFlexboxElement, '').getPropertyValue('display')", "'-webkit-inline-flex'");
 
 debug("");
 debug("Test getting and setting display through JS");
 var element = document.createElement("div");
 document.body.appendChild(element);
 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'");
-element.style.display = "-webkit-flexbox";
-shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'-webkit-flexbox'");
+element.style.display = "-webkit-flex";
+shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'-webkit-flex'");
 
 element = document.createElement("div");
 document.body.appendChild(element);
 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'");
-element.style.display = "-webkit-inline-flexbox";
-shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'-webkit-inline-flexbox'");
+element.style.display = "-webkit-inline-flex";
+shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'-webkit-inline-flex'");
 </script>
 <script src="../../fast/js/resources/js-test-post.js"></script>
 </body>
index 3e4d722..8b20859 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index a736b72..de58cfc 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index f7d5459..6fffcd7 100644 (file)
@@ -29,103 +29,103 @@ if (window.layoutTestController)
 <script src="resources/flexbox.js"></script>
 <body onload="checkFlexBoxen()">
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="200" style="-webkit-flex: 1"></div>
   <div data-expected-width="200" style="-webkit-flex: 1"></div>
   <div data-expected-width="200" style="-webkit-flex: 1"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="200" style="-webkit-flex: .5"></div>
   <div data-expected-width="200" style="-webkit-flex: .5"></div>
   <div data-expected-width="200" style="-webkit-flex: .5"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="300" style="-webkit-flex: 3"></div>
   <div data-expected-width="200" style="-webkit-flex: 2"></div>
   <div data-expected-width="100" style="-webkit-flex: 1"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="250" style="-webkit-flex: 1"></div>
   <div data-expected-width="250" style="-webkit-flex: 1"></div>
   <div data-expected-width="100" style="width: 100px"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="150" style="-webkit-flex: 1"></div>
   <div data-expected-width="150" style="-webkit-flex: 1"></div>
   <div data-expected-width="300" style="width: 50%"></div>
 </div>
 
 <!-- The first two boxes should fill the extra 300px evenly (each gets 150px extra). -->
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="150" style="-webkit-flex: 1"></div>
   <div data-expected-width="350" style="-webkit-flex: 1 200px"></div>
   <div data-expected-width="100" style="width: 100px"></div>
 </div>
 
 <!-- Like the last test, except the middle box gets more space than the first box. -->
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="100" style="-webkit-flex: 1"></div>
   <div data-expected-width="400" style="-webkit-flex: 2 33.333333%"></div>
   <div data-expected-width="100" style="width: 100px"></div>
 </div>
 
 <!-- Test some negative flexing. -->
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="200" style="-webkit-flex: 1 1 300px"></div>
   <div data-expected-width="200" style="-webkit-flex: 2 1 300px"></div>
   <div data-expected-width="200" style="-webkit-flex: 3 1 300px"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="250" style="-webkit-flex: 1 1 300px"></div>
   <div data-expected-width="150" style="-webkit-flex: 2 3 300px"></div>
   <div data-expected-width="200" style="width: 200px"></div>
 </div>
 
 <!-- Test flexitem borders. -->
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="250" style="-webkit-flex: 1; border-left: 150px solid black"></div>
   <div data-expected-width="250" style="-webkit-flex: 1 0 0px; border-right: 150px solid orange"></div>
   <div data-expected-width="100" style="-webkit-flex: 1 0 0px"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="300" style="width: 100px; border: 100px solid black"></div>
   <div data-expected-width="200" style="-webkit-flex: 2"></div>
   <div data-expected-width="100" style="-webkit-flex: 1"></div>
 </div>
 
 <!-- Test flexitem padding. -->
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="250" style="-webkit-flex: 1; padding-left: 150px"></div>
   <div data-expected-width="250" style="-webkit-flex: 1 0 0px; padding-right: 150px"></div>
   <div data-expected-width="100" style="-webkit-flex: 1 0 0px"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="300" style="width: 100px; padding: 100px"></div>
   <div data-expected-width="200" style="-webkit-flex: 2"></div>
   <div data-expected-width="100" style="-webkit-flex: 1"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="200" style="-webkit-flex: 1; padding-left: 25%"></div>
   <div data-expected-width="150" style="-webkit-flex: 3;"></div>
   <div data-expected-width="250" style="width: 100px; padding-right: 25%"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="200" style="-webkit-flex: 1; padding-left: 50px; border-right: 50px solid black"></div>
   <div data-expected-width="250" style="-webkit-flex: 2; border-right: 50px solid orange"></div>
   <div data-expected-width="150" style="-webkit-flex: 1; padding-right: 50px;"></div>
 </div>
 
 <!-- Test items with an intrinsic size. -->
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="120" style="-webkit-flex: 1">
       <div style="width: 100px; height: 100%;"></div>
   </div>
@@ -133,7 +133,7 @@ if (window.layoutTestController)
   <div data-expected-width="240" style="-webkit-flex: 2"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="flexbox">
+<div style="display: -webkit-flex" class="flexbox">
   <div data-expected-width="200" style="-webkit-flex: 1 0 0">
       <div style="width: 100px; height: 100%;"></div>
   </div>
@@ -143,7 +143,7 @@ if (window.layoutTestController)
 
 <!-- Test border/padding/margin on the flexbox itself. -->
 <div data-expected-width="830" style="border: 10px solid; display: inline-block;">
-    <div data-expected-width="700" style="display: -webkit-flexbox; padding-left: 10px; padding-right: 20px; border-left: 30px solid; border-right: 40px solid; margin-left: 50px; margin-right:60px;" class="flexbox ">
+    <div data-expected-width="700" style="display: -webkit-flex; padding-left: 10px; padding-right: 20px; border-left: 30px solid; border-right: 40px solid; margin-left: 50px; margin-right:60px;" class="flexbox ">
       <div data-offset-x="100" data-expected-width="200" style="-webkit-flex: 1"></div>
       <div data-offset-x="300" data-expected-width="200" style="-webkit-flex: 1"></div>
       <div data-offset-x="500" data-expected-width="200" style="-webkit-flex: 1"></div>
index 02fdd67..94abac7 100644 (file)
@@ -5,7 +5,7 @@
     margin: 120px;
     width: 100px;
     height: 100px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     outline: 2px solid red;
index fb603f8..bbf5854 100644 (file)
@@ -7,7 +7,7 @@ body {
 .flexbox {
     width: 600px;
     height: 240px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-flex-flow: column;
index 9377755..0f0fb08 100644 (file)
@@ -5,7 +5,7 @@
     margin: 120px;
     width: 100px;
     height: 100px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     outline: 2px solid red;
index 8bff5b1..a49537f 100644 (file)
@@ -5,7 +5,7 @@ body {
     margin: 0;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index dcdafba..7fba742 100644 (file)
@@ -11,7 +11,7 @@ body, html {
 
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index 93ee2a4..513e631 100644 (file)
@@ -5,7 +5,7 @@ body {
     margin: 0;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index 7c12e44..2e7ca09 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     height: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-writing-mode: vertical-rl;
index b41bdb3..6c28cda 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index 0be5c41..d9957c0 100644 (file)
@@ -8,7 +8,7 @@
     display: inline-block;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     width: 100px;
     height: 100px;
index a667510..7449fde 100644 (file)
@@ -8,7 +8,7 @@
     display: inline-block;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     margin: 10px 20px 30px 40px;
 }
index fa2532c..e0b238c 100644 (file)
@@ -8,7 +8,7 @@
     display: inline-block;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     width: 100px;
     height: 100px;
index 0db4619..6360fd2 100644 (file)
@@ -8,7 +8,7 @@
     display: inline-block;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     width: 100px;
     height: 100px;
index 55dcaee..6838705 100644 (file)
@@ -8,7 +8,7 @@
     display: inline-block;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     width: 100px;
     height: 100px;
index 73d2cc7..07fde7d 100644 (file)
@@ -8,7 +8,7 @@
     display: inline-block;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     width: 100px;
     height: 100px;
index 119196c..83c7bf1 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
 }
 .flexbox > div {
index a272bcd..75200d1 100644 (file)
@@ -5,7 +5,7 @@ body {
     margin: 0;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     position: relative;
     -webkit-flex-flow: column;
 }
index 90f90de..b352453 100644 (file)
@@ -5,7 +5,7 @@ body {
     margin: 0;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index 7d66543..5e474fc 100644 (file)
@@ -32,14 +32,14 @@ if (window.layoutTestController)
 </script>
 <body>
 
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="first"  style="-webkit-flex: 1; -webkit-flex-order: 0"></div>
   <div class="second" style="-webkit-flex: 1;"></div>
   <div class="third"  style="-webkit-flex: 1; -webkit-flex-order: 3"></div>
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 20"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 4"></div>
   <div class="third"  style="-webkit-flex: 1; -webkit-flex-order: 3"></div>
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: 2"></div>
@@ -47,21 +47,21 @@ if (window.layoutTestController)
 </div>
 
 <!-- The example from the spec. -->
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="third"  style="-webkit-flex: 1; -webkit-flex-order: 1"></div>
   <div class="first"  style="-webkit-flex: 1"></div>
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 1"></div>
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: 0"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 2"></div>
   <div class="second" style="-webkit-flex: 1"></div>
   <div class="third"  style="-webkit-flex: 1"></div>
   <div class="first"  style="-webkit-flex: 1; -webkit-flex-order: -10"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 2000000000"></div>
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: 1000000000"></div>
   <div class="third"  style="-webkit-flex: 1; -webkit-flex-order: 1000000000"></div>
@@ -69,14 +69,14 @@ if (window.layoutTestController)
 </div>
 
 <!-- Floating numbers are ignored and we use the default of 1 instead. -->
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: 2.5"></div>
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 2"></div>
   <div class="first"  style="-webkit-flex: 1; -webkit-flex-order: -1"></div>
   <div class="third"  style="-webkit-flex: 1"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: 0"></div>
   <div class="first" style="-webkit-flex: 1; -webkit-flex-order: -1"></div>
   <div class="fourth"  style="-webkit-flex: 1; -webkit-flex-order: 1"></div>
@@ -85,21 +85,21 @@ if (window.layoutTestController)
 
 <!-- Values greater than what can be stored in an int are clamped from
      -2,147,483,646 (int min + 2) to 2,147,483,647. -->
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="third"  style="-webkit-flex: 1; -webkit-flex-order: 4000000000"></div>
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 3000000000"></div>
   <div class="first"  style="-webkit-flex: 1;"></div>
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: 2147483646"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: 4000000000"></div>
   <div class="third"  style="-webkit-flex: 1; -webkit-flex-order: 3000000000"></div>
   <div class="first"  style="-webkit-flex: 1;"></div>
   <div class="fourth" style="-webkit-flex: 1; -webkit-flex-order: 2147483647"></div>
 </div>
 
-<div style="display: -webkit-flexbox" class="horizontal-box">
+<div style="display: -webkit-flex" class="horizontal-box">
   <div class="third"  style="-webkit-flex: 1; -webkit-flex-order: -2147483645"></div>
   <div class="first"  style="-webkit-flex: 1; -webkit-flex-order: -2147483646"></div>
   <div class="second" style="-webkit-flex: 1; -webkit-flex-order: -2147483647"></div>
@@ -107,7 +107,7 @@ if (window.layoutTestController)
 </div>
 
 <!-- This should not crash. -->
-<div style="display: -webkit-flexbox" class="horizontal-box"></div>
+<div style="display: -webkit-flex" class="horizontal-box"></div>
 
 <div style="position:absolute; left: -10000px;">You should see identical green bars going from light green
 (left) to dark green (right).</div>
index 23df85a..f94384e 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index 0a5024b..0b9fe51 100644 (file)
@@ -3,7 +3,7 @@
 <head>
 <style>
 .test-row {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     margin-bottom: 5px;
 }
 
index f893f70..33e2f18 100644 (file)
@@ -3,7 +3,7 @@
 <head>
 <style>
 .test-row {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     margin-bottom: 5px;
 }
 
@@ -47,7 +47,7 @@
 
 .flexbox {
     border: 0 solid pink;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     height: 100px;
     width: 100px;
     overflow: auto;
index cc17404..1701fa4 100644 (file)
@@ -2,7 +2,7 @@
 <html>
 <style>
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     border: 5px solid blue;
     float:left;
index 7810e8e..04977d0 100644 (file)
@@ -1,6 +1,6 @@
 <style>
 #el2 {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     border: 1px solid red;
 }
 #el3 {
index e2fd187..7db3362 100644 (file)
@@ -11,7 +11,7 @@ body {
     -webkit-flex-flow: column;
 }
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: gray;
     position: relative;
 }
index f7d5cfe..6759fe7 100644 (file)
@@ -3,7 +3,7 @@
 <style>
 .flexbox {
     position: relative;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     max-width: 600px;
     -webkit-flex-line-pack: start;
index 0c5a52a..0cd4dcf 100644 (file)
@@ -2,7 +2,7 @@
 <html>
 <style>
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-flex-flow: column wrap;
index 1d232d8..4857e81 100644 (file)
@@ -3,7 +3,7 @@
 <style>
 .flexbox {
     position: relative;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     width: 600px;
     height: 20px;
index 13329a1..2436b53 100644 (file)
@@ -2,7 +2,7 @@
 <html>
 <style>
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-flex-wrap: wrap;
index 0de537d..c791b96 100644 (file)
@@ -3,7 +3,7 @@
 <style>
 .flexbox {
     position: relative;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     max-width: 100px;
     -webkit-flex-line-pack: start;
index 3227c2f..db898d0 100644 (file)
@@ -3,7 +3,7 @@
 <style>
 .flexbox {
     width: 200px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-flex-wrap: wrap-reverse;
index 549ea19..28e3ec5 100644 (file)
@@ -2,7 +2,7 @@
 <html>
 <style>
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-flex-wrap: wrap-reverse;
index 8638b8e..f44cba2 100644 (file)
@@ -2,7 +2,7 @@
 <html>
 <style>
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
     -webkit-flex-wrap: wrap;
index 00843d5..b603b36 100644 (file)
@@ -3,7 +3,7 @@
 <style>
 .flexbox {
     position: relative;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     max-width: 600px;
     -webkit-flex-line-pack: start;
index a386f52..a271a15 100644 (file)
@@ -10,7 +10,7 @@ div {
 }
 
 .flexbox {
-  display: -webkit-flexbox
+  display: -webkit-flex; 
 }
 
 .row {
@@ -18,7 +18,7 @@ div {
 }
 
 .column {
-  display: -webkit-flexbox
+  display: -webkit-flex; 
   -webkit-flex-direction: column;
 }
 
index cb3460f..57ae268 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
@@ -32,7 +32,7 @@ body {
 }
 
 .nested {
-    display: -webkit-flexbox;  
+    display: -webkit-flex;  
     background-color: #ddd;
 }
 
index 85c302d..c640417 100644 (file)
@@ -10,7 +10,7 @@ body {
 }
 
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index 3aaf0f3..e5214e5 100644 (file)
@@ -2,7 +2,7 @@
 <html>
 <style>
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     float: left;
 }
@@ -42,7 +42,7 @@
 }
 
 .nested {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #ddd;
 }
 .horizontal-tb {
index 1c25caf..afed2b7 100644 (file)
@@ -2,7 +2,7 @@
 <html>
 <style>
 .flexbox {
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
     float: left;
 }
index b7e8748..8d2dd01 100644 (file)
@@ -3,7 +3,7 @@
 <head>
 <style>
 #flexbox {
-  display: -webkit-flexbox;
+  display: -webkit-flex;
   -webkit-flex-flow: column;
   height: 300px;
   width: 200px;
index 1f833df..0292225 100644 (file)
@@ -3,7 +3,7 @@
 <head>
 <style>
 #flexbox {
-  display: -webkit-flexbox;
+  display: -webkit-flex;
 }
 
 #left {
index dd5005d..747f6f2 100644 (file)
@@ -4,7 +4,7 @@
 .flexbox {
     width: 100px;
     height: 100px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: #aaa;
     position: relative;
 }
index a75b9bc..5d07e2c 100644 (file)
@@ -6,7 +6,7 @@ body {
 }
 .flexbox {
     width: 600px;
-    display: -webkit-flexbox;
+    display: -webkit-flex;
     background-color: grey;
 }
 .flexbox div {
@@ -200,7 +200,7 @@ if (window.layoutTestController)
 </div>
 
 <div style="position: relative;">
-    <div data-expected-width="600" style="direction: rtl; display: -webkit-flexbox; margin-left: 10px; margin-right:20px;" class="flexbox">
+    <div data-expected-width="600" style="direction: rtl; display: -webkit-flex; margin-left: 10px; margin-right:20px;" class="flexbox">
       <div data-expected-width="75" data-offset-x="535" style="-webkit-flex: 1 0 0; margin: 0 auto;"></div>
       <div data-expected-width="350" data-offset-x="185" style="-webkit-flex: 2 0 0; padding: 0 100px;"></div>
       <div data-expected-width="75" data-offset-x="10" style="-webkit-flex: 1 0 0;margin-right: 100px;"></div>
@@ -208,7 +208,7 @@ if (window.layoutTestController)
 </div>
 
 <div style="position: relative;">
-    <div data-expected-width="700" style="direction: rtl; display: -webkit-flexbox; padding-left: 10px; padding-right: 20px; border-style: solid; border-left: 30px solid; border-right: 40px solid;" class="flexbox ">
+    <div data-expected-width="700" style="direction: rtl; display: -webkit-flex; padding-left: 10px; padding-right: 20px; border-style: solid; border-left: 30px solid; border-right: 40px solid;" class="flexbox ">
       <div data-expected-width="75" data-offset-x="565" style="-webkit-flex: 1 0 0; margin: 0 auto;"></div>
       <div data-expected-width="350" data-offset-x="215" style="-webkit-flex: 2 0 0; padding: 0 100px;"></div>
       <div data-expected-width="75" data-offset-x="40" style="-webkit-flex: 1 0 0;margin-right: 100px;"></div>
index 61b55a0..2dbe9c1 100755 (executable)
@@ -16,7 +16,7 @@ flexbox1.setAttribute('id', 'flexbox1');
 container.appendChild(flexbox1);
 var div1 = document.createElement('div');
 div1.setAttribute('id', 'div1');
-flexbox1.style.display = '-webkit-flexbox';
+flexbox1.style.display = '-webkit-flex';
 flexbox1.appendChild(document.createTextNode('a'));
 flexbox1.appendChild(div1);
 flexbox1.appendChild(document.createTextNode('b'));
index 1adf47c..25ca90b 100644 (file)
@@ -1,3 +1,27 @@
+2012-05-16  Tony Chang  <tony@chromium.org>
+
+        rename display:-webkit-flexbox to display:-webkit-flex
+        https://bugs.webkit.org/show_bug.cgi?id=86529
+
+        Reviewed by Eric Seidel.
+
+        Also renames -webkit-inline-flexbox to -webkit-inline-flex.
+
+        No new tests. Covered by existing tests.
+
+        * css/CSSParser.cpp:
+        (WebCore::isValidKeywordPropertyAndValue):
+        * css/CSSPrimitiveValueMappings.h:
+        (WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
+        * css/CSSValueKeywords.in: Update keyword values.
+        * css/StyleResolver.cpp:
+        (WebCore::StyleResolver::collectMatchingRulesForList):
+        * rendering/RenderObject.cpp:
+        (WebCore::RenderObject::createObject):
+        * rendering/RenderObject.h:
+        (RenderObject):
+        * rendering/style/RenderStyleConstants.h: Rename const values.
+
 2012-05-16  Greg Billock  <gbillock@google.com>
 
         IDL and implementation for Web Intents delivery
index 6941c12..817d3f4 100644 (file)
@@ -532,8 +532,8 @@ static inline bool isValidKeywordPropertyAndValue(CSSPropertyID propertyId, int
         // inline | block | list-item | run-in | inline-block | table |
         // inline-table | table-row-group | table-header-group | table-footer-group | table-row |
         // table-column-group | table-column | table-cell | table-caption | -webkit-box | -webkit-inline-box | none | inherit
-        // -webkit-flexbox | -webkit-inline-flexbox | -webkit-grid | -webkit-inline-grid
-        if ((valueID >= CSSValueInline && valueID <= CSSValueWebkitInlineFlexbox) || valueID == CSSValueNone)
+        // -webkit-flex | -webkit-inline-flex | -webkit-grid | -webkit-inline-grid
+        if ((valueID >= CSSValueInline && valueID <= CSSValueWebkitInlineFlex) || valueID == CSSValueNone)
             return true;
 #if ENABLE(CSS_GRID_LAYOUT)
         if (valueID == CSSValueWebkitGrid || valueID == CSSValueWebkitInlineGrid)
index d607713..822ad51 100644 (file)
@@ -1111,11 +1111,11 @@ template<> inline CSSPrimitiveValue::CSSPrimitiveValue(EDisplay e)
         case INLINE_BOX:
             m_value.ident = CSSValueWebkitInlineBox;
             break;
-        case FLEXBOX:
-            m_value.ident = CSSValueWebkitFlexbox;
+        case FLEX:
+            m_value.ident = CSSValueWebkitFlex;
             break;
-        case INLINE_FLEXBOX:
-            m_value.ident = CSSValueWebkitInlineFlexbox;
+        case INLINE_FLEX:
+            m_value.ident = CSSValueWebkitInlineFlex;
             break;
 #if ENABLE(CSS_GRID_LAYOUT)
         case GRID:
index 46b4c95..e9e2111 100644 (file)
@@ -332,8 +332,8 @@ table-cell
 table-caption
 -webkit-box
 -webkit-inline-box
--webkit-flexbox
--webkit-inline-flexbox
+-webkit-flex
+-webkit-inline-flex
 #if defined(ENABLE_CSS_GRID_LAYOUT) && ENABLE_CSS_GRID_LAYOUT
 -webkit-grid
 -webkit-inline-grid
index e1b00ff..1d94691 100644 (file)
@@ -1912,7 +1912,7 @@ static EDisplay equivalentBlockDisplay(EDisplay display, bool isFloating, bool s
     case BLOCK:
     case TABLE:
     case BOX:
-    case FLEXBOX:
+    case FLEX:
 #if ENABLE(CSS_GRID_LAYOUT)
     case GRID:
 #endif
@@ -1927,8 +1927,8 @@ static EDisplay equivalentBlockDisplay(EDisplay display, bool isFloating, bool s
         return TABLE;
     case INLINE_BOX:
         return BOX;
-    case INLINE_FLEXBOX:
-        return FLEXBOX;
+    case INLINE_FLEX:
+        return FLEX;
 #if ENABLE(CSS_GRID_LAYOUT)
     case INLINE_GRID:
         return GRID;
index c7a6f35..8a30944 100755 (executable)
@@ -190,8 +190,8 @@ RenderObject* RenderObject::createObject(Node* node, RenderStyle* style)
     case BOX:
     case INLINE_BOX:
         return new (arena) RenderDeprecatedFlexibleBox(node);
-    case FLEXBOX:
-    case INLINE_FLEXBOX:
+    case FLEX:
+    case INLINE_FLEX:
         return new (arena) RenderFlexibleBox(node);
     }
 
index 28835ff..9269df1 100644 (file)
@@ -841,7 +841,7 @@ public:
     virtual bool isFlexingChildren() const { return false; }
     virtual bool isStretchingChildren() const { return false; }
 
-    // Virtual function helper for the new FlexibleBox Layout (display: -webkit-flexbox).
+    // Virtual function helper for the new FlexibleBox Layout (display: -webkit-flex).
     virtual bool isFlexibleBox() const { return false; }
 
     bool isFlexibleBoxIncludingDeprecated() const
index 741acc6..a24ac9d 100644 (file)
@@ -410,7 +410,7 @@ enum EDisplay {
     TABLE_HEADER_GROUP, TABLE_FOOTER_GROUP, TABLE_ROW,
     TABLE_COLUMN_GROUP, TABLE_COLUMN, TABLE_CELL,
     TABLE_CAPTION, BOX, INLINE_BOX, 
-    FLEXBOX, INLINE_FLEXBOX,
+    FLEX, INLINE_FLEX,
 #if ENABLE(CSS_GRID_LAYOUT)
     GRID, INLINE_GRID,
 #endif