<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[176258] trunk</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/176258">176258</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2014-11-18 08:09:46 -0800 (Tue, 18 Nov 2014)</dd>
</dl>

<h3>Log Message</h3>
<pre>Unreviewed, rolling out <a href="http://trac.webkit.org/projects/webkit/changeset/176218">r176218</a>.
https://bugs.webkit.org/show_bug.cgi?id=138827

seems to have caused regressions on the perf bots (Requested
by lajava on #webkit).

Reverted changeset:

&quot;[CSS Grid Layout] Upgrade align-self and align-items parsing
to CSS 3&quot;
https://bugs.webkit.org/show_bug.cgi?id=133359
http://trac.webkit.org/changeset/176218</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsspropertiesexpectedtxt">trunk/LayoutTests/css3/flexbox/css-properties-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3flexboxcsspropertieshtml">trunk/LayoutTests/css3/flexbox/css-properties.html</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStylecomputedstyleexpectedtxt">trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStylecomputedstylewithoutrendererexpectedtxt">trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStyleresourcespropertynamesjs">trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js</a></li>
<li><a href="#trunkLayoutTestssvgcssgetComputedStylebasicexpectedtxt">trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCorecssCSSComputedStyleDeclarationcpp">trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp</a></li>
<li><a href="#trunkSourceWebCorecssCSSParsercpp">trunk/Source/WebCore/css/CSSParser.cpp</a></li>
<li><a href="#trunkSourceWebCorecssCSSParserh">trunk/Source/WebCore/css/CSSParser.h</a></li>
<li><a href="#trunkSourceWebCorecssCSSPrimitiveValueMappingsh">trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h</a></li>
<li><a href="#trunkSourceWebCorecssCSSPropertyNamesin">trunk/Source/WebCore/css/CSSPropertyNames.in</a></li>
<li><a href="#trunkSourceWebCorecssCSSValueKeywordsin">trunk/Source/WebCore/css/CSSValueKeywords.in</a></li>
<li><a href="#trunkSourceWebCorecssStyleResolvercpp">trunk/Source/WebCore/css/StyleResolver.cpp</a></li>
<li><a href="#trunkSourceWebCorecssStyleResolverh">trunk/Source/WebCore/css/StyleResolver.h</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderBoxcpp">trunk/Source/WebCore/rendering/RenderBox.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderFlexibleBoxcpp">trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderFlexibleBoxh">trunk/Source/WebCore/rendering/RenderFlexibleBox.h</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderFullScreencpp">trunk/Source/WebCore/rendering/RenderFullScreen.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderMenuListcpp">trunk/Source/WebCore/rendering/RenderMenuList.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingmathmlRenderMathMLRootcpp">trunk/Source/WebCore/rendering/mathml/RenderMathMLRoot.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingmathmlRenderMathMLScriptscpp">trunk/Source/WebCore/rendering/mathml/RenderMathMLScripts.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingstyleRenderStyleh">trunk/Source/WebCore/rendering/style/RenderStyle.h</a></li>
<li><a href="#trunkSourceWebCorerenderingstyleRenderStyleConstantsh">trunk/Source/WebCore/rendering/style/RenderStyleConstants.h</a></li>
<li><a href="#trunkSourceWebCorerenderingstyleStyleRareNonInheritedDatacpp">trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingstyleStyleRareNonInheritedDatah">trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.h</a></li>
<li><a href="#trunkSourceWebCorestyleStyleResolveTreecpp">trunk/Source/WebCore/style/StyleResolveTree.cpp</a></li>
</ul>

<h3>Removed Paths</h3>
<ul>
<li><a href="#trunkLayoutTestscss3parsealignitemsexpectedtxt">trunk/LayoutTests/css3/parse-align-items-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3parsealignitemshtml">trunk/LayoutTests/css3/parse-align-items.html</a></li>
<li><a href="#trunkLayoutTestscss3parsealignselfexpectedtxt">trunk/LayoutTests/css3/parse-align-self-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3parsealignselfhtml">trunk/LayoutTests/css3/parse-align-self.html</a></li>
<li><a href="#trunkLayoutTestscss3resourcesalignmentparsingutilsjs">trunk/LayoutTests/css3/resources/alignment-parsing-utils.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/ChangeLog        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1,3 +1,18 @@
</span><ins>+2014-11-18  Commit Queue  &lt;commit-queue@webkit.org&gt;
+
+        Unreviewed, rolling out r176218.
+        https://bugs.webkit.org/show_bug.cgi?id=138827
+
+        seems to have caused regressions on the perf bots (Requested
+        by lajava on #webkit).
+
+        Reverted changeset:
+
+        &quot;[CSS Grid Layout] Upgrade align-self and align-items parsing
+        to CSS 3&quot;
+        https://bugs.webkit.org/show_bug.cgi?id=133359
+        http://trac.webkit.org/changeset/176218
+
</ins><span class="cx"> 2014-11-18  Mihnea Ovidenie  &lt;mihnea@adobe.com&gt;
</span><span class="cx"> 
</span><span class="cx">         fast/multicol/newmulticol tests use a non-existent resource
</span></span></pre></div>
<a id="trunkLayoutTestsTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/TestExpectations        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/TestExpectations        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -67,10 +67,6 @@
</span><span class="cx"> # This test verifies dynamic manipulation of the mroot and msqrt elements.
</span><span class="cx"> mathml/roots-removeChild.html [ ImageOnlyFailure ]
</span><span class="cx"> 
</span><del>-webkit.org/b/133359 mathml/presentation/style-changed.html [ ImageOnlyFailure ]
-webkit.org/b/136291 platform/mac/accessibility/webkit-alt-for-css-content.html [ Failure ]
-webkit.org/b/136291 platform/mac/accessibility/alt-for-css-content.html [ Failure ]
-
</del><span class="cx"> # This test verifies that a mismatch reftest will fail as intended if both results are same. (introduced in r93187)
</span><span class="cx"> fast/harness/sample-fail-mismatch-reftest.html [ WontFix ImageOnlyFailure ]
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestscss3flexboxcsspropertiesexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/flexbox/css-properties-expected.txt (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/css-properties-expected.txt        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/css3/flexbox/css-properties-expected.txt        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -29,12 +29,11 @@
</span><span class="cx"> PASS flexbox.style.webkitJustifyContent is &quot;&quot;
</span><span class="cx"> PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is &quot;flex-start&quot;
</span><span class="cx"> PASS flexbox.style.webkitAlignSelf is &quot;&quot;
</span><del>-PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;start&quot;
-PASS window.getComputedStyle(document.documentElement, null).webkitAlignSelf is &quot;auto&quot;
</del><ins>+PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;stretch&quot;
+PASS window.getComputedStyle(document.documentElement, null).webkitAlignSelf is &quot;stretch&quot;
</ins><span class="cx"> PASS flexbox.style.webkitAlignSelf is &quot;&quot;
</span><del>-PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;start&quot;
</del><span class="cx"> PASS flexbox.style.webkitAlignSelf is &quot;auto&quot;
</span><del>-PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;start&quot;
</del><ins>+PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;stretch&quot;
</ins><span class="cx"> PASS flexbox.style.webkitAlignSelf is &quot;flex-start&quot;
</span><span class="cx"> PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;flex-start&quot;
</span><span class="cx"> PASS flexbox.style.webkitAlignSelf is &quot;flex-end&quot;
</span><span class="lines">@@ -46,21 +45,15 @@
</span><span class="cx"> PASS flexbox.style.webkitAlignSelf is &quot;baseline&quot;
</span><span class="cx"> PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;baseline&quot;
</span><span class="cx"> PASS flexbox.style.webkitAlignSelf is &quot;&quot;
</span><del>-PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;start&quot;
</del><ins>+PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is &quot;stretch&quot;
</ins><span class="cx"> PASS flexbox.style.webkitAlignItems is &quot;&quot;
</span><del>-PASS flexitem.style.webkitAlignSelf is &quot;&quot;
</del><span class="cx"> PASS window.getComputedStyle(flexbox, null).webkitAlignItems is &quot;stretch&quot;
</span><span class="cx"> PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is &quot;stretch&quot;
</span><span class="cx"> PASS flexbox.style.webkitAlignItems is &quot;&quot;
</span><del>-PASS flexitem.style.webkitAlignSelf is &quot;&quot;
</del><ins>+PASS flexbox.style.webkitAlignItems is &quot;&quot;
</ins><span class="cx"> PASS window.getComputedStyle(flexbox, null).webkitAlignItems is &quot;stretch&quot;
</span><span class="cx"> PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is &quot;stretch&quot;
</span><del>-PASS flexbox.style.webkitAlignItems is &quot;auto&quot;
-PASS flexitem.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(flexbox, null).webkitAlignItems is &quot;stretch&quot;
-PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is &quot;stretch&quot;
</del><span class="cx"> PASS flexbox.style.webkitAlignItems is &quot;flex-start&quot;
</span><del>-PASS flexitem.style.webkitAlignSelf is &quot;&quot;
</del><span class="cx"> PASS window.getComputedStyle(flexbox, null).webkitAlignItems is &quot;flex-start&quot;
</span><span class="cx"> PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is &quot;flex-start&quot;
</span><span class="cx"> PASS flexbox.style.webkitAlignItems is &quot;flex-end&quot;
</span><span class="lines">@@ -79,8 +72,8 @@
</span><span class="cx"> PASS window.getComputedStyle(flexbox, null).webkitAlignItems is &quot;stretch&quot;
</span><span class="cx"> PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is &quot;stretch&quot;
</span><span class="cx"> PASS flexbox.style.webkitAlignItems is &quot;&quot;
</span><del>-PASS window.getComputedStyle(flexbox, null).webkitAlignItems is &quot;start&quot;
-PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is &quot;start&quot;
</del><ins>+PASS window.getComputedStyle(flexbox, null).webkitAlignItems is &quot;stretch&quot;
+PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is &quot;stretch&quot;
</ins><span class="cx"> PASS window.getComputedStyle(detachedFlexbox, null).webkitAlignSelf is &quot;&quot;
</span><span class="cx"> PASS window.getComputedStyle(detachedFlexItem, null).webkitAlignSelf is &quot;&quot;
</span><span class="cx"> PASS flexbox.style.webkitFlexDirection is &quot;&quot;
</span></span></pre></div>
<a id="trunkLayoutTestscss3flexboxcsspropertieshtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/flexbox/css-properties.html (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/flexbox/css-properties.html        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/css3/flexbox/css-properties.html        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -78,20 +78,18 @@
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitJustifyContent', '');
</span><span class="cx"> shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'flex-start');
</span><span class="cx"> 
</span><del>-flexbox.style.display = '-webkit-flex';
</del><span class="cx"> 
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignSelf', '');
</span><del>-// The initial value is 'auto', which will be resolved depending on parent's style (except for the 'document' element).
-shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'start');
-shouldBeEqualToString('window.getComputedStyle(document.documentElement, null).webkitAlignSelf', 'auto');
</del><ins>+// The initial value is 'stretch'.
+shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'stretch');
+shouldBeEqualToString('window.getComputedStyle(document.documentElement, null).webkitAlignSelf', 'stretch');
</ins><span class="cx"> 
</span><span class="cx"> flexbox.style.webkitAlignSelf = 'foo';
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignSelf', '');
</span><del>-shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'start');
</del><span class="cx"> 
</span><span class="cx"> flexbox.style.webkitAlignSelf = 'auto';
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignSelf', 'auto');
</span><del>-shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'start');
</del><ins>+shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'stretch');
</ins><span class="cx"> 
</span><span class="cx"> flexbox.style.webkitAlignSelf = 'flex-start';
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignSelf', 'flex-start');
</span><span class="lines">@@ -115,29 +113,23 @@
</span><span class="cx"> 
</span><span class="cx"> flexbox.style.webkitAlignSelf = '';
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignSelf', '');
</span><del>-shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'start');
</del><ins>+shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'stretch');
</ins><span class="cx"> 
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignItems', '');
</span><del>-shouldBeEqualToString('flexitem.style.webkitAlignSelf', '');
-// The initial value is 'auto', which will be resolved to 'stretch' in case of flexbox containers.
</del><ins>+// The initial value is 'stretch'.
</ins><span class="cx"> shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'stretch');
</span><span class="cx"> shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'stretch');
</span><span class="cx"> 
</span><span class="cx"> flexbox.style.webkitAlignItems = 'foo';
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignItems', '');
</span><del>-shouldBeEqualToString('flexitem.style.webkitAlignSelf', '');
-shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'stretch');
-shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'stretch');
</del><span class="cx"> 
</span><span class="cx"> flexbox.style.webkitAlignItems = 'auto';
</span><del>-shouldBeEqualToString('flexbox.style.webkitAlignItems', 'auto');
-shouldBeEqualToString('flexitem.style.webkitAlignSelf', '');
</del><ins>+shouldBeEqualToString('flexbox.style.webkitAlignItems', '');
</ins><span class="cx"> shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'stretch');
</span><span class="cx"> shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'stretch');
</span><span class="cx"> 
</span><span class="cx"> flexbox.style.webkitAlignItems = 'flex-start';
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignItems', 'flex-start');
</span><del>-shouldBeEqualToString('flexitem.style.webkitAlignSelf', '');
</del><span class="cx"> shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'flex-start');
</span><span class="cx"> shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'flex-start');
</span><span class="cx"> 
</span><span class="lines">@@ -168,8 +160,8 @@
</span><span class="cx"> 
</span><span class="cx"> flexbox.style.display = 'none';
</span><span class="cx"> shouldBeEqualToString('flexbox.style.webkitAlignItems', '');
</span><del>-shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'start');
-shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'start');
</del><ins>+shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'stretch');
+shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'stretch');
</ins><span class="cx"> flexbox.style.display = '';
</span><span class="cx"> 
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsealignitemsexpectedtxt"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/css3/parse-align-items-expected.txt (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-items-expected.txt        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/css3/parse-align-items-expected.txt        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1,137 +0,0 @@
</span><del>-Test that setting and getting align-items works as expected
-
-On success, you will see a series of &quot;PASS&quot; messages, followed by &quot;TEST COMPLETE&quot;.
-
-
-Test getting align-items set through CSS
-PASS getComputedStyle(alignItemsBaseline, '').getPropertyValue('-webkit-align-items') is 'baseline'
-PASS getComputedStyle(alignItemsLastBaseline, '').getPropertyValue('-webkit-align-items') is 'last-baseline'
-PASS getComputedStyle(alignItemsStretch, '').getPropertyValue('-webkit-align-items') is 'stretch'
-PASS getComputedStyle(alignItemsStart, '').getPropertyValue('-webkit-align-items') is 'start'
-PASS getComputedStyle(alignItemsEnd, '').getPropertyValue('-webkit-align-items') is 'end'
-PASS getComputedStyle(alignItemsCenter, '').getPropertyValue('-webkit-align-items') is 'center'
-PASS getComputedStyle(alignItemsSelfEnd, '').getPropertyValue('-webkit-align-items') is 'self-end'
-PASS getComputedStyle(alignItemsSelfStart, '').getPropertyValue('-webkit-align-items') is 'self-start'
-PASS getComputedStyle(alignItemsLeft, '').getPropertyValue('-webkit-align-items') is 'left'
-PASS getComputedStyle(alignItemsRight, '').getPropertyValue('-webkit-align-items') is 'right'
-PASS getComputedStyle(alignItemsFlexStart, '').getPropertyValue('-webkit-align-items') is 'flex-start'
-PASS getComputedStyle(alignItemsFlexEnd, '').getPropertyValue('-webkit-align-items') is 'flex-end'
-PASS getComputedStyle(alignItemsEndTrue, '').getPropertyValue('-webkit-align-items') is 'end true'
-PASS getComputedStyle(alignItemsCenterTrue, '').getPropertyValue('-webkit-align-items') is 'center true'
-PASS getComputedStyle(alignItemsSelfEndSafe, '').getPropertyValue('-webkit-align-items') is 'self-end safe'
-PASS getComputedStyle(alignItemsSelfStartSafe, '').getPropertyValue('-webkit-align-items') is 'self-start safe'
-PASS getComputedStyle(alignItemsRightSafe, '').getPropertyValue('-webkit-align-items') is 'right safe'
-PASS getComputedStyle(alignItemsLeftTrue, '').getPropertyValue('-webkit-align-items') is 'left true'
-PASS getComputedStyle(alignItemsFlexStartTrue, '').getPropertyValue('-webkit-align-items') is 'flex-start true'
-PASS getComputedStyle(alignItemsFlexEndSafe, '').getPropertyValue('-webkit-align-items') is 'flex-end safe'
-
-Test initial value of align-items through JS
-PASS getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is 'start'
-
-Test getting and setting align-items through JS
-PASS element.style.webkitAlignItems is &quot;center&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center&quot;
-PASS element.style.webkitAlignItems is &quot;start true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start true&quot;
-PASS element.style.webkitAlignItems is &quot;flex-end safe&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;flex-end safe&quot;
-PASS element.style.webkitAlignItems is &quot;right&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;right&quot;
-PASS element.style.webkitAlignItems is &quot;center&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center&quot;
-PASS element.style.webkitAlignItems is &quot;self-start&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;self-start&quot;
-PASS element.style.webkitAlignItems is &quot;auto&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;auto&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;stretch&quot;
-PASS element.style.webkitAlignItems is &quot;auto&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;stretch&quot;
-PASS element.style.webkitAlignItems is &quot;self-end&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;self-end&quot;
-
-Test bad combinations of align-items
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-PASS element.style.webkitAlignItems is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-
-Test the value 'initial'
-PASS element.style.webkitAlignItems is &quot;center&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center&quot;
-PASS element.style.webkitAlignItems is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start&quot;
-
-Test the value 'initial' for grid containers
-PASS element.style.webkitAlignItems is &quot;left safe&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;left safe&quot;
-PASS element.style.webkitAlignItems is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;stretch&quot;
-
-Test the value 'initial' for flex containers
-PASS element.style.webkitAlignItems is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;right true&quot;
-PASS element.style.webkitAlignItems is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;stretch&quot;
-
-Test the value 'inherit'
-PASS element.style.webkitAlignItems is &quot;end&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;end&quot;
-PASS element.style.webkitAlignItems is &quot;inherit&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;end&quot;
-PASS element.style.webkitAlignItems is &quot;left safe&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;left safe&quot;
-PASS element.style.webkitAlignItems is &quot;inherit&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;left safe&quot;
-PASS element.style.webkitAlignItems is &quot;center true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center true&quot;
-PASS element.style.webkitAlignItems is &quot;inherit&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center true&quot;
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
</del></span></pre></div>
<a id="trunkLayoutTestscss3parsealignitemshtml"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/css3/parse-align-items.html (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-items.html        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/css3/parse-align-items.html        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1,270 +0,0 @@
</span><del>-&lt;!DOCTYPE html&gt;
-&lt;html&gt;
-&lt;head&gt;
-&lt;style&gt;
-#alignItemsBaseline {
-    -webkit-align-items: baseline;
-}
-
-#alignItemsLastBaseline {
-    -webkit-align-items: last-baseline;
-}
-
-#alignItemsStretch {
-    -webkit-align-items: stretch;
-}
-
-#alignItemsStart {
-    -webkit-align-items: start;
-}
-
-#alignItemsEnd {
-    -webkit-align-items: end;
-}
-
-#alignItemsCenter {
-    -webkit-align-items: center;
-}
-
-#alignItemsSelfStart {
-    -webkit-align-items: self-start;
-}
-
-#alignItemsSelfEnd {
-    -webkit-align-items: self-end;
-}
-
-#alignItemsLeft {
-    -webkit-align-items: left;
-}
-
-#alignItemsRight {
-    -webkit-align-items: right;
-}
-
-#alignItemsFlexStart {
-    -webkit-align-items: flex-start;
-}
-
-#alignItemsFlexEnd {
-    -webkit-align-items: flex-end;
-}
-
-#alignItemsEndTrue {
-    -webkit-align-items: end true;
-}
-
-#alignItemsCenterTrue {
-    -webkit-align-items: center true;
-}
-
-#alignItemsSelfEndSafe {
-    -webkit-align-items: self-end safe;
-}
-
-#alignItemsSelfStartSafe {
-    -webkit-align-items: self-start safe;
-}
-
-#alignItemsRightSafe {
-    -webkit-align-items: right safe;
-}
-
-#alignItemsLeftTrue {
-    -webkit-align-items: left true;
-}
-
-#alignItemsFlexStartTrue {
-    -webkit-align-items: flex-start true;
-}
-
-#alignItemsFlexEndSafe {
-    -webkit-align-items: flex-end safe;
-}
-
-&lt;/style&gt;
-&lt;script src=&quot;../resources/js-test.js&quot;&gt;&lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;
-&lt;div id=&quot;alignItemsBaseline&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsLastBaseline&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsStretch&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsStart&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsEnd&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsCenter&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsSelfStart&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsSelfEnd&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsLeft&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsRight&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsFlexStart&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsFlexEnd&quot;&gt;&lt;/div&gt;
-
-&lt;div id=&quot;alignItemsEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsCenterTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsSelfEndSafe&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsSelfStartSafe&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsRightSafe&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsLeftTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsFlexStartTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsFlexEndSafe&quot;&gt;&lt;/div&gt;
-&lt;script src=&quot;resources/alignment-parsing-utils.js&quot;&gt;&lt;/script&gt;
-&lt;script&gt;
-description('Test that setting and getting align-items works as expected');
-
-debug(&quot;Test getting align-items set through CSS&quot;);
-var alignItemsBaseline = document.getElementById(&quot;alignItemsBaseline&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsBaseline, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'baseline'&quot;);
-
-var alignItemsLastBaseline = document.getElementById(&quot;alignItemsLastBaseline&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsLastBaseline, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'last-baseline'&quot;);
-
-var alignItemsStretch = document.getElementById(&quot;alignItemsStretch&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsStretch, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'stretch'&quot;);
-
-var alignItemsStart = document.getElementById(&quot;alignItemsStart&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsStart, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'start'&quot;);
-
-var alignItemsEnd = document.getElementById(&quot;alignItemsEnd&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsEnd, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'end'&quot;);
-
-var alignItemsCenter = document.getElementById(&quot;alignItemsCenter&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsCenter, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'center'&quot;);
-
-var alignItemsSelfEnd = document.getElementById(&quot;alignItemsSelfEnd&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsSelfEnd, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'self-end'&quot;);
-
-var alignItemsSelfStart = document.getElementById(&quot;alignItemsSelfStart&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsSelfStart, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'self-start'&quot;);
-
-var alignItemsLeft = document.getElementById(&quot;alignItemsLeft&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsLeft, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'left'&quot;);
-
-var alignItemsRight = document.getElementById(&quot;alignItemsRight&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsRight, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'right'&quot;);
-
-var alignItemsFlexStart = document.getElementById(&quot;alignItemsFlexStart&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsFlexStart, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-start'&quot;);
-
-var alignItemsFlexEnd = document.getElementById(&quot;alignItemsFlexEnd&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsFlexEnd, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-end'&quot;);
-
-var alignItemsEndTrue = document.getElementById(&quot;alignItemsEndTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsEndTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'end true'&quot;);
-
-var alignItemsCenterTrue = document.getElementById(&quot;alignItemsCenterTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsCenterTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'center true'&quot;);
-
-var alignItemsSelfEndSafe = document.getElementById(&quot;alignItemsSelfEndSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsSelfEndSafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'self-end safe'&quot;);
-
-var alignItemsSelfStartSafe = document.getElementById(&quot;alignItemsSelfStartSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsSelfStartSafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'self-start safe'&quot;);
-
-var alignItemsRightSafe = document.getElementById(&quot;alignItemsRightSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsRightSafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'right safe'&quot;);
-
-var alignItemsLeftTrue = document.getElementById(&quot;alignItemsLeftTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsLeftTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'left true'&quot;);
-
-var alignItemsFlexStartTrue = document.getElementById(&quot;alignItemsFlexStartTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsFlexStartTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-start true'&quot;);
-
-var alignItemsFlexEndSafe = document.getElementById(&quot;alignItemsFlexEndSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsFlexEndSafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-end safe'&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test initial value of align-items through JS&quot;);
-element = document.createElement(&quot;div&quot;);
-document.body.appendChild(element);
-shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'start'&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test getting and setting align-items through JS&quot;);
-element = document.createElement(&quot;div&quot;);
-document.body.appendChild(element);
-element.style.webkitAlignItems = &quot;center&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;center&quot;, &quot;center&quot;);
-
-element.style.webkitAlignItems = &quot;true start&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;start true&quot;, &quot;start true&quot;);
-
-element.style.webkitAlignItems = &quot;flex-end safe&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;flex-end safe&quot;, &quot;flex-end safe&quot;);
-
-element.style.webkitAlignItems = &quot;right&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;right&quot;, &quot;right&quot;);
-
-element.style.webkitAlignItems = &quot;center&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;center&quot;, &quot;center&quot;);
-
-element.style.webkitAlignItems = &quot;self-start&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;self-start&quot;, &quot;self-start&quot;);
-
-element.style.webkitAlignItems = &quot;auto&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;auto&quot;, &quot;start&quot;);
-
-element.style.display = &quot;-webkit-flex&quot;;
-element.style.webkitAlignItems = &quot;auto&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;auto&quot;, &quot;stretch&quot;);
-
-element.style.display = &quot;-webkit-grid&quot;;
-element.style.webkitAlignItems = &quot;auto&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;auto&quot;, &quot;stretch&quot;);
-
-element.style.webkitAlignItems = &quot;self-end&quot;;
-checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;self-end&quot;, &quot;self-end&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test bad combinations of align-items&quot;);
-element = document.createElement(&quot;div&quot;);
-document.body.appendChild(element);
-
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;true auto&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;auto safe&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;auto left&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;baseline safe&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;baseline center&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch true&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch right&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;true true&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;true safe&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;center start&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch true&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;safe stretch&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;baseline safe&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;true baseline&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;true safe left&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;true left safe&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;left safe true safe&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy start&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy end&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy right true&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy auto&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy stretch&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy&quot;);
-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy left right&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial'&quot;);
-element.style.display = &quot;&quot;;
-checkInitialValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;center&quot;, &quot;start&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial' for grid containers&quot;);
-element.style.display = &quot;-webkit-grid&quot;;
-checkInitialValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;left safe&quot;, &quot;stretch&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial' for flex containers&quot;);
-element.style.display = &quot;-webkit-flex&quot;;
-checkInitialValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;right true&quot;, &quot;stretch&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'inherit'&quot;);
-checkInheritValues(&quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;end&quot;);
-checkInheritValues(&quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;left safe&quot;);
-checkInheritValues(&quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;center true&quot;);
-
-&lt;/script&gt;
-&lt;/body&gt;
-&lt;/html&gt;
</del></span></pre></div>
<a id="trunkLayoutTestscss3parsealignselfexpectedtxt"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/css3/parse-align-self-expected.txt (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-self-expected.txt        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/css3/parse-align-self-expected.txt        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1,155 +0,0 @@
</span><del>-Test that setting and getting align-self works as expected
-
-On success, you will see a series of &quot;PASS&quot; messages, followed by &quot;TEST COMPLETE&quot;.
-
-
-Test getting align-self set through CSS
-PASS getComputedStyle(alignSelfBaseline, '').getPropertyValue('-webkit-align-self') is 'baseline'
-PASS getComputedStyle(alignSelfLastBaseline, '').getPropertyValue('-webkit-align-self') is 'last-baseline'
-PASS getComputedStyle(alignSelfStretch, '').getPropertyValue('-webkit-align-self') is 'stretch'
-PASS getComputedStyle(alignSelfStart, '').getPropertyValue('-webkit-align-self') is 'start'
-PASS getComputedStyle(alignSelfEnd, '').getPropertyValue('-webkit-align-self') is 'end'
-PASS getComputedStyle(alignSelfCenter, '').getPropertyValue('-webkit-align-self') is 'center'
-PASS getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('-webkit-align-self') is 'self-end'
-PASS getComputedStyle(alignSelfSelfStart, '').getPropertyValue('-webkit-align-self') is 'self-start'
-PASS getComputedStyle(alignSelfLeft, '').getPropertyValue('-webkit-align-self') is 'left'
-PASS getComputedStyle(alignSelfRight, '').getPropertyValue('-webkit-align-self') is 'right'
-PASS getComputedStyle(alignSelfFlexStart, '').getPropertyValue('-webkit-align-self') is 'flex-start'
-PASS getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('-webkit-align-self') is 'flex-end'
-PASS getComputedStyle(alignSelfEndTrue, '').getPropertyValue('-webkit-align-self') is 'end true'
-PASS getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('-webkit-align-self') is 'center true'
-PASS getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('-webkit-align-self') is 'self-end safe'
-PASS getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('-webkit-align-self') is 'self-start safe'
-PASS getComputedStyle(alignSelfRightSafe, '').getPropertyValue('-webkit-align-self') is 'right safe'
-PASS getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('-webkit-align-self') is 'left true'
-PASS getComputedStyle(alignSelfFlexStartTrue, '').getPropertyValue('-webkit-align-self') is 'flex-start true'
-PASS getComputedStyle(alignSelfFlexEndSafe, '').getPropertyValue('-webkit-align-self') is 'flex-end safe'
-
-Test initial value of align-self through JS
-PASS getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is 'start'
-
-Test getting and setting align-self through JS
-PASS element.style.webkitAlignSelf is &quot;center&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center&quot;
-PASS element.style.webkitAlignSelf is &quot;start true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start true&quot;
-PASS element.style.webkitAlignSelf is &quot;flex-end safe&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;flex-end safe&quot;
-PASS element.style.webkitAlignSelf is &quot;right&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;right&quot;
-PASS element.style.webkitAlignSelf is &quot;center&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center&quot;
-PASS element.style.webkitAlignSelf is &quot;self-start&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;self-start&quot;
-PASS element.style.webkitAlignSelf is &quot;auto&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;auto&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
-PASS element.style.webkitAlignSelf is &quot;auto&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
-PASS element.style.webkitAlignSelf is &quot;self-end&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;self-end&quot;
-
-Test bad combinations of align-self
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-PASS element.style.webkitAlignSelf is &quot;&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-
-Test the value 'initial'
-PASS element.style.webkitAlignSelf is &quot;center&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center&quot;
-PASS element.style.webkitAlignSelf is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start&quot;
-
-Test the value 'initial' for grid containers
-PASS element.style.webkitAlignSelf is &quot;left safe&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;left safe&quot;
-PASS element.style.webkitAlignSelf is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
-
-Test the value 'initial' for flex containers
-PASS element.style.webkitAlignSelf is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;right true&quot;
-PASS element.style.webkitAlignSelf is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
-
-Test the value 'initial' for positioned elements
-PASS element.style.webkitAlignSelf is &quot;left&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;left&quot;
-PASS element.style.webkitAlignSelf is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
-
-Test the value 'initial' for positioned elements in grid containers
-PASS element.style.webkitAlignSelf is &quot;right&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;right&quot;
-PASS element.style.webkitAlignSelf is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
-
-Test the value 'initial' for positioned elements in grid containers
-PASS element.style.webkitAlignSelf is &quot;end&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;end&quot;
-PASS element.style.webkitAlignSelf is &quot;initial&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
-
-Test the value 'inherit'
-PASS element.style.webkitAlignSelf is &quot;end&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;end&quot;
-PASS element.style.webkitAlignSelf is &quot;inherit&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;end&quot;
-PASS element.style.webkitAlignSelf is &quot;left safe&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;left safe&quot;
-PASS element.style.webkitAlignSelf is &quot;inherit&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;left safe&quot;
-PASS element.style.webkitAlignSelf is &quot;center true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center true&quot;
-PASS element.style.webkitAlignSelf is &quot;inherit&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center true&quot;
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
</del></span></pre></div>
<a id="trunkLayoutTestscss3parsealignselfhtml"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/css3/parse-align-self.html (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-self.html        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/css3/parse-align-self.html        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1,291 +0,0 @@
</span><del>-&lt;!DOCTYPE html&gt;
-&lt;html&gt;
-&lt;head&gt;
-&lt;style&gt;
-#alignSelfBaseline {
-    -webkit-align-self: baseline;
-}
-
-#alignSelfLastBaseline {
-    -webkit-align-self: last-baseline;
-}
-
-#alignSelfStretch {
-    -webkit-align-self: stretch;
-}
-
-#alignSelfStart {
-    -webkit-align-self: start;
-}
-
-#alignSelfEnd {
-    -webkit-align-self: end;
-}
-
-#alignSelfCenter {
-    -webkit-align-self: center;
-}
-
-#alignSelfSelfStart {
-    -webkit-align-self: self-start;
-}
-
-#alignSelfSelfEnd {
-    -webkit-align-self: self-end;
-}
-
-#alignSelfLeft {
-    -webkit-align-self: left;
-}
-
-#alignSelfRight {
-    -webkit-align-self: right;
-}
-
-#alignSelfFlexStart {
-    -webkit-align-self: flex-start;
-}
-
-#alignSelfFlexEnd {
-    -webkit-align-self: flex-end;
-}
-
-#alignSelfEndTrue {
-    -webkit-align-self: end true;
-}
-
-#alignSelfCenterTrue {
-    -webkit-align-self: center true;
-}
-
-#alignSelfSelfEndSafe {
-    -webkit-align-self: self-end safe;
-}
-
-#alignSelfSelfStartSafe {
-    -webkit-align-self: self-start safe;
-}
-
-#alignSelfRightSafe {
-    -webkit-align-self: right safe;
-}
-
-#alignSelfLeftTrue {
-    -webkit-align-self: left true;
-}
-
-#alignSelfFlexStartTrue {
-    -webkit-align-self: flex-start true;
-}
-
-#alignSelfFlexEndSafe {
-    -webkit-align-self: flex-end safe;
-}
-&lt;/style&gt;
-&lt;script src=&quot;../resources/js-test.js&quot;&gt;&lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;
-&lt;div id=&quot;alignSelfBaseline&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfLastBaseline&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfStretch&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfStart&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfEnd&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfCenter&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfSelfStart&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfSelfEnd&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfLeft&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfRight&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfFlexStart&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfFlexEnd&quot;&gt;&lt;/div&gt;
-
-&lt;div id=&quot;alignSelfEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfCenterTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfSelfEndSafe&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfSelfStartSafe&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfRightSafe&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfLeftTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfFlexStartTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfFlexEndSafe&quot;&gt;&lt;/div&gt;
-&lt;script src=&quot;resources/alignment-parsing-utils.js&quot;&gt;&lt;/script&gt;
-&lt;script&gt;
-description('Test that setting and getting align-self works as expected');
-
-debug(&quot;Test getting align-self set through CSS&quot;);
-var alignSelfBaseline = document.getElementById(&quot;alignSelfBaseline&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfBaseline, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'baseline'&quot;);
-
-var alignSelfLastBaseline = document.getElementById(&quot;alignSelfLastBaseline&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfLastBaseline, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'last-baseline'&quot;);
-
-var alignSelfStretch = document.getElementById(&quot;alignSelfStretch&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfStretch, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'stretch'&quot;);
-
-var alignSelfStart = document.getElementById(&quot;alignSelfStart&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfStart, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'start'&quot;);
-
-var alignSelfEnd = document.getElementById(&quot;alignSelfEnd&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfEnd, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'end'&quot;);
-
-var alignSelfCenter = document.getElementById(&quot;alignSelfCenter&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfCenter, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'center'&quot;);
-
-var alignSelfSelfEnd = document.getElementById(&quot;alignSelfSelfEnd&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'self-end'&quot;);
-
-var alignSelfSelfStart = document.getElementById(&quot;alignSelfSelfStart&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfSelfStart, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'self-start'&quot;);
-
-var alignSelfLeft = document.getElementById(&quot;alignSelfLeft&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfLeft, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'left'&quot;);
-
-var alignSelfRight = document.getElementById(&quot;alignSelfRight&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfRight, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'right'&quot;);
-
-var alignSelfFlexStart = document.getElementById(&quot;alignSelfFlexStart&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfFlexStart, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-start'&quot;);
-
-var alignSelfFlexEnd = document.getElementById(&quot;alignSelfFlexEnd&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-end'&quot;);
-
-var alignSelfEndTrue = document.getElementById(&quot;alignSelfEndTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfEndTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'end true'&quot;);
-
-var alignSelfCenterTrue = document.getElementById(&quot;alignSelfCenterTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'center true'&quot;);
-
-var alignSelfSelfEndSafe = document.getElementById(&quot;alignSelfSelfEndSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'self-end safe'&quot;);
-
-var alignSelfSelfStartSafe = document.getElementById(&quot;alignSelfSelfStartSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'self-start safe'&quot;);
-
-var alignSelfRightSafe = document.getElementById(&quot;alignSelfRightSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfRightSafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'right safe'&quot;);
-
-var alignSelfLeftTrue = document.getElementById(&quot;alignSelfLeftTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'left true'&quot;);
-
-var alignSelfFlexStartTrue = document.getElementById(&quot;alignSelfFlexStartTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfFlexStartTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-start true'&quot;);
-
-var alignSelfFlexEndSafe = document.getElementById(&quot;alignSelfFlexEndSafe&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfFlexEndSafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-end safe'&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test initial value of align-self through JS&quot;);
-element = document.createElement(&quot;div&quot;);
-document.body.appendChild(element);
-shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'start'&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test getting and setting align-self through JS&quot;);
-container = document.createElement(&quot;div&quot;);
-element = document.createElement(&quot;div&quot;);
-container.appendChild(element);
-document.body.appendChild(container);
-element.style.webkitAlignSelf = &quot;center&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;center&quot;, &quot;center&quot;);
-
-element.style.webkitAlignSelf = &quot;true start&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;start true&quot;, &quot;start true&quot;);
-
-element.style.webkitAlignSelf = &quot;flex-end safe&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;flex-end safe&quot;, &quot;flex-end safe&quot;);
-
-element.style.webkitAlignSelf = &quot;right&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;right&quot;, &quot;right&quot;);
-
-element.style.webkitAlignSelf = &quot;center&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;center&quot;, &quot;center&quot;);
-
-element.style.webkitAlignSelf = &quot;self-start&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;self-start&quot;, &quot;self-start&quot;);
-
-element.style.webkitAlignSelf = &quot;auto&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;auto&quot;, &quot;start&quot;);
-
-container.style.display = &quot;-webkit-flex&quot;;
-element.style.webkitAlignSelf = &quot;auto&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;auto&quot;, &quot;stretch&quot;);
-
-container.style.display = &quot;-webkit-grid&quot;;
-element.style.webkitAlignSelf = &quot;auto&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;auto&quot;, &quot;stretch&quot;);
-
-element.style.webkitAlignSelf = &quot;self-end&quot;;
-checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;self-end&quot;, &quot;self-end&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test bad combinations of align-self&quot;);
-container = document.createElement(&quot;div&quot;);
-element = document.createElement(&quot;div&quot;);
-container.appendChild(element);
-document.body.appendChild(container);
-
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;true auto&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;auto safe&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;auto left&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;baseline safe&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;baseline center&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch true&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch right&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;true true&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;true safe&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;center start&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch true&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;safe stretch&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;baseline safe&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;true baseline&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;true safe left&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;true left safe&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;left safe true safe&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy start&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy end&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy right true&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy auto&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy stretch&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy&quot;);
-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy left right&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial'&quot;);
-container.style.display = &quot;&quot;;
-checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;center&quot;, &quot;start&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial' for grid containers&quot;);
-container.style.display = &quot;-webkit-grid&quot;;
-checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;left safe&quot;, &quot;stretch&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial' for flex containers&quot;);
-container.style.display = &quot;-webkit-flex&quot;;
-checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;right true&quot;, &quot;stretch&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial' for positioned elements&quot;);
-container.style.display = &quot;&quot;;
-element.style.position = &quot;absolute&quot;;
-checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;left&quot;, &quot;stretch&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial' for positioned elements in grid containers&quot;);
-container.style.display = &quot;-webkit-grid&quot;;
-element.style.position = &quot;absolute&quot;;
-checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;right&quot;, &quot;stretch&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'initial' for positioned elements in grid containers&quot;);
-container.style.display = &quot;-webkit-flex&quot;;
-element.style.position = &quot;absolute&quot;;
-checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;end&quot;, &quot;stretch&quot;);
-
-debug(&quot;&quot;);
-debug(&quot;Test the value 'inherit'&quot;);
-checkInheritValues(&quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;end&quot;);
-checkInheritValues(&quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;left safe&quot;);
-checkInheritValues(&quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;center true&quot;);
-
-&lt;/script&gt;
-&lt;/body&gt;
-&lt;/html&gt;
</del></span></pre></div>
<a id="trunkLayoutTestscss3resourcesalignmentparsingutilsjs"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/css3/resources/alignment-parsing-utils.js (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/resources/alignment-parsing-utils.js        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/css3/resources/alignment-parsing-utils.js        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1,46 +0,0 @@
</span><del>-function checkValues(element, property, propertyID, value, computedValue)
-{
-    window.element = element;
-    var elementID = element.id || &quot;element&quot;;
-    shouldBeEqualToString(&quot;element.style.&quot; + property, value);
-    shouldBeEqualToString(&quot;window.getComputedStyle(&quot; + elementID + &quot;, '').getPropertyValue('&quot; + propertyID + &quot;')&quot;, computedValue);
-}
-
-function checkBadValues(element, property, propertyID, value)
-{
-    element.style[property] = value;
-    checkValues(element, property, propertyID, &quot;&quot;, &quot;start&quot;);
-}
-
-function checkInitialValues(element, property, propertyID, value, initial)
-{
-    element.style[property] = value;
-    checkValues(element, property, propertyID, value, value);
-    element.style[property] = &quot;initial&quot;;
-    checkValues(element, property, propertyID, &quot;initial&quot;, initial);
-}
-
-function checkInheritValues(property, propertyID, value)
-{
-    var parentElement = document.createElement(&quot;div&quot;);
-    document.body.appendChild(parentElement);
-    parentElement.style[property] = value;
-    checkValues(parentElement, property, propertyID, value, value);
-
-    var element = document.createElement(&quot;div&quot;);
-    parentElement.appendChild(element);
-    element.style[property] = &quot;inherit&quot;;
-    checkValues(element, property, propertyID, &quot;inherit&quot;, value);
-}
-
-function checkLegacyValues(property, propertyID, value)
-{
-    var parentElement = document.createElement(&quot;div&quot;);
-    document.body.appendChild(parentElement);
-    parentElement.style[property] = value;
-    checkValues(parentElement, property, propertyID, value, value);
-
-    var element = document.createElement(&quot;div&quot;);
-    parentElement.appendChild(element);
-    checkValues(element, property, propertyID, &quot;&quot;, value);
-}
</del></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStylecomputedstyleexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -144,12 +144,11 @@
</span><span class="cx"> column-span: none;
</span><span class="cx"> column-width: auto;
</span><span class="cx"> align-content: stretch;
</span><del>-align-items: start;
-align-self: start;
</del><ins>+align-items: stretch;
+align-self: stretch;
</ins><span class="cx"> flex-direction: row;
</span><span class="cx"> flex-wrap: nowrap;
</span><span class="cx"> justify-content: flex-start;
</span><del>-justify-self: auto;
</del><span class="cx"> -webkit-font-kerning: auto;
</span><span class="cx"> -webkit-font-smoothing: auto;
</span><span class="cx"> -webkit-font-variant-ligatures: normal;
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStylecomputedstylewithoutrendererexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -143,12 +143,11 @@
</span><span class="cx"> column-span: none
</span><span class="cx"> column-width: auto
</span><span class="cx"> align-content: stretch
</span><del>-align-items: start
-align-self: start
</del><ins>+align-items: stretch
+align-self: stretch
</ins><span class="cx"> flex-direction: row
</span><span class="cx"> flex-wrap: nowrap
</span><span class="cx"> justify-content: flex-start
</span><del>-justify-self: auto
</del><span class="cx"> -webkit-font-kerning: auto
</span><span class="cx"> -webkit-font-smoothing: auto
</span><span class="cx"> -webkit-font-variant-ligatures: normal
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStyleresourcespropertynamesjs"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -65,7 +65,6 @@
</span><span class="cx">     &quot;-webkit-hyphenate-limit-lines&quot;: true,
</span><span class="cx">     &quot;-webkit-hyphens&quot;: true,
</span><span class="cx">     &quot;justify-content&quot;: true,
</span><del>-    &quot;justify-self&quot;: true,
</del><span class="cx">     &quot;-webkit-line-align&quot;: true,
</span><span class="cx">     &quot;-webkit-line-box-contain&quot;: true,
</span><span class="cx">     &quot;-webkit-line-break&quot;: true,
</span></span></pre></div>
<a id="trunkLayoutTestssvgcssgetComputedStylebasicexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -286,18 +286,16 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(column-width) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(align-content) : stretch
</span><span class="cx"> rect: style.getPropertyCSSValue(align-content) : [object CSSPrimitiveValue]
</span><del>-rect: style.getPropertyValue(align-items) : start
-rect: style.getPropertyCSSValue(align-items) : [object CSSValueList]
-rect: style.getPropertyValue(align-self) : start
-rect: style.getPropertyCSSValue(align-self) : [object CSSValueList]
</del><ins>+rect: style.getPropertyValue(align-items) : stretch
+rect: style.getPropertyCSSValue(align-items) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(align-self) : stretch
+rect: style.getPropertyCSSValue(align-self) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(flex-direction) : row
</span><span class="cx"> rect: style.getPropertyCSSValue(flex-direction) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(flex-wrap) : nowrap
</span><span class="cx"> rect: style.getPropertyCSSValue(flex-wrap) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(justify-content) : flex-start
</span><span class="cx"> rect: style.getPropertyCSSValue(justify-content) : [object CSSPrimitiveValue]
</span><del>-rect: style.getPropertyValue(justify-self) : auto
-rect: style.getPropertyCSSValue(justify-self) : [object CSSValueList]
</del><span class="cx"> rect: style.getPropertyValue(-webkit-font-kerning) : auto
</span><span class="cx"> rect: style.getPropertyCSSValue(-webkit-font-kerning) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(-webkit-font-smoothing) : auto
</span><span class="lines">@@ -800,18 +798,16 @@
</span><span class="cx"> g: style.getPropertyCSSValue(column-width) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(align-content) : stretch
</span><span class="cx"> g: style.getPropertyCSSValue(align-content) : [object CSSPrimitiveValue]
</span><del>-g: style.getPropertyValue(align-items) : start
-g: style.getPropertyCSSValue(align-items) : [object CSSValueList]
-g: style.getPropertyValue(align-self) : start
-g: style.getPropertyCSSValue(align-self) : [object CSSValueList]
</del><ins>+g: style.getPropertyValue(align-items) : stretch
+g: style.getPropertyCSSValue(align-items) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(align-self) : stretch
+g: style.getPropertyCSSValue(align-self) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(flex-direction) : row
</span><span class="cx"> g: style.getPropertyCSSValue(flex-direction) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(flex-wrap) : nowrap
</span><span class="cx"> g: style.getPropertyCSSValue(flex-wrap) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(justify-content) : flex-start
</span><span class="cx"> g: style.getPropertyCSSValue(justify-content) : [object CSSPrimitiveValue]
</span><del>-g: style.getPropertyValue(justify-self) : auto
-g: style.getPropertyCSSValue(justify-self) : [object CSSValueList]
</del><span class="cx"> g: style.getPropertyValue(-webkit-font-kerning) : auto
</span><span class="cx"> g: style.getPropertyCSSValue(-webkit-font-kerning) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(-webkit-font-smoothing) : auto
</span></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/ChangeLog        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1,3 +1,18 @@
</span><ins>+2014-11-18  Commit Queue  &lt;commit-queue@webkit.org&gt;
+
+        Unreviewed, rolling out r176218.
+        https://bugs.webkit.org/show_bug.cgi?id=138827
+
+        seems to have caused regressions on the perf bots (Requested
+        by lajava on #webkit).
+
+        Reverted changeset:
+
+        &quot;[CSS Grid Layout] Upgrade align-self and align-items parsing
+        to CSS 3&quot;
+        https://bugs.webkit.org/show_bug.cgi?id=133359
+        http://trac.webkit.org/changeset/176218
+
</ins><span class="cx"> 2014-11-18  Joanmarie Diggs  &lt;jdiggs@igalia.com&gt;
</span><span class="cx"> 
</span><span class="cx">         AX: [ATK] Crash getting the orientation of a MenuListOption after the MenuList was removed from the document
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSComputedStyleDeclarationcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -296,7 +296,7 @@
</span><span class="cx">     CSSPropertyFlexDirection,
</span><span class="cx">     CSSPropertyFlexWrap,
</span><span class="cx">     CSSPropertyJustifyContent,
</span><del>-    CSSPropertyJustifySelf,
</del><ins>+    CSSPropertyWebkitJustifySelf,
</ins><span class="cx">     CSSPropertyWebkitFilter,
</span><span class="cx"> #if ENABLE(FILTERS_LEVEL_2)
</span><span class="cx">     CSSPropertyWebkitBackdropFilter,
</span><span class="lines">@@ -1713,15 +1713,6 @@
</span><span class="cx"> }
</span><span class="cx"> #endif
</span><span class="cx"> 
</span><del>-static PassRefPtr&lt;CSSValueList&gt; valueForItemPositionWithOverflowAlignment(ItemPosition itemPosition, OverflowAlignment overflowAlignment)
-{
-    RefPtr&lt;CSSValueList&gt; result = CSSValueList::createSpaceSeparated();
-    result-&gt;append(cssValuePool().createValue(itemPosition));
-    if (itemPosition &gt;= ItemPositionCenter &amp;&amp; overflowAlignment != OverflowAlignmentDefault)
-        result-&gt;append(cssValuePool().createValue(overflowAlignment));
-    return result.release();
-}
-
</del><span class="cx"> PassRefPtr&lt;CSSValue&gt; ComputedStyleExtractor::propertyValue(CSSPropertyID propertyID, EUpdateLayout updateLayout) const
</span><span class="cx"> {
</span><span class="cx">     Node* styledNode = this-&gt;styledNode();
</span><span class="lines">@@ -2065,19 +2056,15 @@
</span><span class="cx">         case CSSPropertyAlignContent:
</span><span class="cx">             return cssValuePool().createValue(style-&gt;alignContent());
</span><span class="cx">         case CSSPropertyAlignItems:
</span><del>-            return valueForItemPositionWithOverflowAlignment(style-&gt;alignItems(), style-&gt;alignItemsOverflowAlignment());
-        case CSSPropertyAlignSelf: {
-            ItemPosition alignSelf = style-&gt;alignSelf();
-            OverflowAlignment overflow = style-&gt;alignSelfOverflowAlignment();
-            if (alignSelf == ItemPositionAuto) {
</del><ins>+            return cssValuePool().createValue(style-&gt;alignItems());
+        case CSSPropertyAlignSelf:
+            if (style-&gt;alignSelf() == AlignAuto) {
</ins><span class="cx">                 Node* parent = styledNode-&gt;parentNode();
</span><del>-                if (parent &amp;&amp; parent-&gt;computedStyle()) {
-                    alignSelf = parent-&gt;computedStyle()-&gt;alignItems();
-                    overflow = parent-&gt;computedStyle()-&gt;alignItemsOverflowAlignment();
-                }
</del><ins>+                if (parent &amp;&amp; parent-&gt;computedStyle())
+                    return cssValuePool().createValue(parent-&gt;computedStyle()-&gt;alignItems());
+                return cssValuePool().createValue(AlignStretch);
</ins><span class="cx">             }
</span><del>-            return valueForItemPositionWithOverflowAlignment(alignSelf, overflow);
-        }
</del><ins>+            return cssValuePool().createValue(style-&gt;alignSelf());
</ins><span class="cx">         case CSSPropertyFlex:
</span><span class="cx">             return getCSSPropertyValuesForShorthandProperties(flexShorthand());
</span><span class="cx">         case CSSPropertyFlexBasis:
</span><span class="lines">@@ -2094,8 +2081,13 @@
</span><span class="cx">             return cssValuePool().createValue(style-&gt;flexWrap());
</span><span class="cx">         case CSSPropertyJustifyContent:
</span><span class="cx">             return cssValuePool().createValue(style-&gt;justifyContent());
</span><del>-        case CSSPropertyJustifySelf:
-            return valueForItemPositionWithOverflowAlignment(style-&gt;justifySelf(), style-&gt;justifySelfOverflowAlignment());
</del><ins>+        case CSSPropertyWebkitJustifySelf: {
+            RefPtr&lt;CSSValueList&gt; result = CSSValueList::createSpaceSeparated();
+            result-&gt;append(CSSPrimitiveValue::create(style-&gt;justifySelf()));
+            if (style-&gt;justifySelf() &gt;= JustifySelfCenter &amp;&amp; style-&gt;justifySelfOverflowAlignment() != JustifySelfOverflowAlignmentDefault)
+                result-&gt;append(CSSPrimitiveValue::create(style-&gt;justifySelfOverflowAlignment()));
+            return result.release();
+        }
</ins><span class="cx">         case CSSPropertyOrder:
</span><span class="cx">             return cssValuePool().createValue(style-&gt;order(), CSSPrimitiveValue::CSS_NUMBER);
</span><span class="cx">         case CSSPropertyFloat:
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSParsercpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSParser.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSParser.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/CSSParser.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -865,7 +865,6 @@
</span><span class="cx">         if (valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueSpaceBetween || valueID == CSSValueSpaceAround || valueID == CSSValueStretch)
</span><span class="cx">             return true;
</span><span class="cx">         break;
</span><del>-#if !ENABLE(CSS_GRID_LAYOUT)
</del><span class="cx">     case CSSPropertyAlignItems:
</span><span class="cx">         // FIXME: Per CSS alignment, this property should accept the same arguments as 'justify-self' so we should share its parsing code.
</span><span class="cx">         if (valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueBaseline || valueID == CSSValueStretch)
</span><span class="lines">@@ -876,7 +875,6 @@
</span><span class="cx">         if (valueID == CSSValueAuto || valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueBaseline || valueID == CSSValueStretch)
</span><span class="cx">             return true;
</span><span class="cx">         break;
</span><del>-#endif
</del><span class="cx">     case CSSPropertyFlexDirection:
</span><span class="cx">         if (valueID == CSSValueRow || valueID == CSSValueRowReverse || valueID == CSSValueColumn || valueID == CSSValueColumnReverse)
</span><span class="cx">             return true;
</span><span class="lines">@@ -890,12 +888,10 @@
</span><span class="cx">         if (valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueSpaceBetween || valueID == CSSValueSpaceAround)
</span><span class="cx">             return true;
</span><span class="cx">         break;
</span><del>-#if !ENABLE(CSS_GRID_LAYOUT)
-    case CSSPropertyJustifySelf:
</del><ins>+    case CSSPropertyWebkitJustifySelf:
</ins><span class="cx">         if (valueID == CSSValueAuto || valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueBaseline || valueID == CSSValueStretch)
</span><span class="cx">             return true;
</span><span class="cx">         break;
</span><del>-#endif
</del><span class="cx">     case CSSPropertyWebkitFontKerning:
</span><span class="cx">         if (valueID == CSSValueAuto || valueID == CSSValueNormal || valueID == CSSValueNone)
</span><span class="cx">             return true;
</span><span class="lines">@@ -1110,10 +1106,8 @@
</span><span class="cx">     case CSSPropertyColumnFill:
</span><span class="cx">     case CSSPropertyColumnRuleStyle:
</span><span class="cx">     case CSSPropertyAlignContent:
</span><del>-#if !ENABLE(CSS_GRID_LAYOUT)
</del><span class="cx">     case CSSPropertyAlignItems:
</span><span class="cx">     case CSSPropertyAlignSelf:
</span><del>-#endif
</del><span class="cx">     case CSSPropertyFlexDirection:
</span><span class="cx">     case CSSPropertyFlexWrap:
</span><span class="cx">     case CSSPropertyJustifyContent:
</span><span class="lines">@@ -2636,9 +2630,9 @@
</span><span class="cx">         }
</span><span class="cx">         return false;
</span><span class="cx">     }
</span><ins>+    case CSSPropertyWebkitJustifySelf:
+        return parseJustifySelf(propId, important);
</ins><span class="cx"> #if ENABLE(CSS_GRID_LAYOUT)
</span><del>-    case CSSPropertyJustifySelf:
-        return parseItemPositionOverflowPosition(propId, important);
</del><span class="cx">     case CSSPropertyWebkitGridAutoColumns:
</span><span class="cx">     case CSSPropertyWebkitGridAutoRows:
</span><span class="cx">         parsedValue = parseGridTrackSize(*m_valueList);
</span><span class="lines">@@ -2973,13 +2967,6 @@
</span><span class="cx">         parsedValue = parseImageResolution();
</span><span class="cx">         break;
</span><span class="cx"> #endif
</span><del>-#if ENABLE(CSS_GRID_LAYOUT)
-    case CSSPropertyAlignSelf:
-        return parseItemPositionOverflowPosition(propId, important);
-
-    case CSSPropertyAlignItems:
-        return parseItemPositionOverflowPosition(propId, important);
-#endif
</del><span class="cx">     case CSSPropertyBorderBottomStyle:
</span><span class="cx">     case CSSPropertyBorderCollapse:
</span><span class="cx">     case CSSPropertyBorderLeftStyle:
</span><span class="lines">@@ -3041,11 +3028,8 @@
</span><span class="cx">     case CSSPropertyColumnFill:
</span><span class="cx">     case CSSPropertyColumnRuleStyle:
</span><span class="cx">     case CSSPropertyAlignContent:
</span><del>-#if !ENABLE(CSS_GRID_LAYOUT)
</del><span class="cx">     case CSSPropertyAlignItems:
</span><span class="cx">     case CSSPropertyAlignSelf:
</span><del>-    case CSSPropertyJustifySelf:
-#endif
</del><span class="cx">     case CSSPropertyFlexDirection:
</span><span class="cx">     case CSSPropertyFlexWrap:
</span><span class="cx">     case CSSPropertyJustifyContent:
</span><span class="lines">@@ -3156,11 +3140,6 @@
</span><span class="cx">     lval = WTF::move(list);
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-static inline bool isBaselinePositionKeyword(CSSValueID id)
-{
-    return id == CSSValueBaseline || id == CSSValueLastBaseline;
-}
-
</del><span class="cx"> static bool isItemPositionKeyword(CSSValueID id)
</span><span class="cx"> {
</span><span class="cx">     return id == CSSValueStart || id == CSSValueEnd || id == CSSValueCenter
</span><span class="lines">@@ -3168,7 +3147,7 @@
</span><span class="cx">         || id == CSSValueFlexEnd || id == CSSValueLeft || id == CSSValueRight;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-bool CSSParser::parseItemPositionOverflowPosition(CSSPropertyID propId, bool important)
</del><ins>+bool CSSParser::parseJustifySelf(CSSPropertyID propId, bool important)
</ins><span class="cx"> {
</span><span class="cx">     // auto | baseline | stretch | [&lt;item-position&gt; &amp;&amp; &lt;overflow-position&gt;? ]
</span><span class="cx">     // &lt;item-position&gt; = center | start | end | self-start | self-end | flex-start | flex-end | left | right;
</span><span class="lines">@@ -3176,7 +3155,7 @@
</span><span class="cx"> 
</span><span class="cx">     CSSParserValue* value = m_valueList-&gt;current();
</span><span class="cx"> 
</span><del>-    if (value-&gt;id == CSSValueAuto || value-&gt;id == CSSValueStretch || isBaselinePositionKeyword(value-&gt;id)) {
</del><ins>+    if (value-&gt;id == CSSValueAuto || value-&gt;id == CSSValueBaseline || value-&gt;id == CSSValueStretch) {
</ins><span class="cx">         if (m_valueList-&gt;next())
</span><span class="cx">             return false;
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSParserh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSParser.h (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSParser.h        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/CSSParser.h        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -177,7 +177,7 @@
</span><span class="cx"> 
</span><span class="cx">     bool parseClipShape(CSSPropertyID, bool important);
</span><span class="cx"> 
</span><del>-    bool parseItemPositionOverflowPosition(CSSPropertyID, bool important);
</del><ins>+    bool parseJustifySelf(CSSPropertyID, bool important);
</ins><span class="cx"> 
</span><span class="cx"> #if ENABLE(CSS_SHAPES)
</span><span class="cx">     PassRefPtr&lt;CSSValue&gt; parseShapeProperty(CSSPropertyID);
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSPrimitiveValueMappingsh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1428,6 +1428,57 @@
</span><span class="cx">     return SHOW;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+template&lt;&gt; inline CSSPrimitiveValue::CSSPrimitiveValue(EAlignItems e)
+    : CSSValue(PrimitiveClass)
+{
+    m_primitiveUnitType = CSS_VALUE_ID;
+    switch (e) {
+    case AlignAuto:
+        m_value.valueID = CSSValueAuto;
+        break;
+    case AlignFlexStart:
+        m_value.valueID = CSSValueFlexStart;
+        break;
+    case AlignFlexEnd:
+        m_value.valueID = CSSValueFlexEnd;
+        break;
+    case AlignCenter:
+        m_value.valueID = CSSValueCenter;
+        break;
+    case AlignStretch:
+        m_value.valueID = CSSValueStretch;
+        break;
+    case AlignBaseline:
+        m_value.valueID = CSSValueBaseline;
+        break;
+    }
+}
+
+template&lt;&gt; inline CSSPrimitiveValue::operator EAlignItems() const
+{
+    ASSERT(isValueID());
+
+    switch (m_value.valueID) {
+    case CSSValueAuto:
+        return AlignAuto;
+    case CSSValueFlexStart:
+        return AlignFlexStart;
+    case CSSValueFlexEnd:
+        return AlignFlexEnd;
+    case CSSValueCenter:
+        return AlignCenter;
+    case CSSValueStretch:
+        return AlignStretch;
+    case CSSValueBaseline:
+        return AlignBaseline;
+    default:
+        break;
+    }
+
+    ASSERT_NOT_REACHED();
+    return AlignFlexStart;
+}
+
</ins><span class="cx"> template&lt;&gt; inline CSSPrimitiveValue::CSSPrimitiveValue(EJustifyContent e)
</span><span class="cx">     : CSSValue(PrimitiveClass)
</span><span class="cx"> {
</span><span class="lines">@@ -5031,118 +5082,116 @@
</span><span class="cx">     return BoxMissing;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-template&lt;&gt; inline CSSPrimitiveValue::CSSPrimitiveValue(ItemPosition itemPosition)
</del><ins>+template&lt;&gt; inline CSSPrimitiveValue::CSSPrimitiveValue(EJustifySelf justifySelf)
</ins><span class="cx">     : CSSValue(PrimitiveClass)
</span><span class="cx"> {
</span><span class="cx">     m_primitiveUnitType = CSS_VALUE_ID;
</span><del>-    switch (itemPosition) {
-    case ItemPositionAuto:
</del><ins>+    switch (justifySelf) {
+    case JustifySelfAuto:
</ins><span class="cx">         m_value.valueID = CSSValueAuto;
</span><span class="cx">         break;
</span><del>-    case ItemPositionStretch:
</del><ins>+    case JustifySelfStretch:
</ins><span class="cx">         m_value.valueID = CSSValueStretch;
</span><span class="cx">         break;
</span><del>-    case ItemPositionBaseline:
</del><ins>+    case JustifySelfBaseline:
</ins><span class="cx">         m_value.valueID = CSSValueBaseline;
</span><span class="cx">         break;
</span><del>-    case ItemPositionLastBaseline:
-        m_value.valueID = CSSValueLastBaseline;
-        break;
-    case ItemPositionCenter:
</del><ins>+    case JustifySelfCenter:
</ins><span class="cx">         m_value.valueID = CSSValueCenter;
</span><span class="cx">         break;
</span><del>-    case ItemPositionStart:
</del><ins>+    case JustifySelfStart:
</ins><span class="cx">         m_value.valueID = CSSValueStart;
</span><span class="cx">         break;
</span><del>-    case ItemPositionEnd:
</del><ins>+    case JustifySelfEnd:
</ins><span class="cx">         m_value.valueID = CSSValueEnd;
</span><span class="cx">         break;
</span><del>-    case ItemPositionSelfStart:
</del><ins>+    case JustifySelfSelfStart:
</ins><span class="cx">         m_value.valueID = CSSValueSelfStart;
</span><span class="cx">         break;
</span><del>-    case ItemPositionSelfEnd:
</del><ins>+    case JustifySelfSelfEnd:
</ins><span class="cx">         m_value.valueID = CSSValueSelfEnd;
</span><span class="cx">         break;
</span><del>-    case ItemPositionFlexStart:
</del><ins>+    case JustifySelfFlexStart:
</ins><span class="cx">         m_value.valueID = CSSValueFlexStart;
</span><span class="cx">         break;
</span><del>-    case ItemPositionFlexEnd:
</del><ins>+    case JustifySelfFlexEnd:
</ins><span class="cx">         m_value.valueID = CSSValueFlexEnd;
</span><span class="cx">         break;
</span><del>-    case ItemPositionLeft:
</del><ins>+    case JustifySelfLeft:
</ins><span class="cx">         m_value.valueID = CSSValueLeft;
</span><span class="cx">         break;
</span><del>-    case ItemPositionRight:
</del><ins>+    case JustifySelfRight:
</ins><span class="cx">         m_value.valueID = CSSValueRight;
</span><span class="cx">         break;
</span><ins>+    default:
+        m_value.valueID = CSSValueAuto;
+        break;
</ins><span class="cx">     }
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-template&lt;&gt; inline CSSPrimitiveValue::operator ItemPosition() const
</del><ins>+template&lt;&gt; inline CSSPrimitiveValue::operator EJustifySelf() const
</ins><span class="cx"> {
</span><span class="cx">     switch (m_value.valueID) {
</span><span class="cx">     case CSSValueAuto:
</span><del>-        return ItemPositionAuto;
</del><ins>+        return JustifySelfAuto;
</ins><span class="cx">     case CSSValueStretch:
</span><del>-        return ItemPositionStretch;
</del><ins>+        return JustifySelfStretch;
</ins><span class="cx">     case CSSValueBaseline:
</span><del>-        return ItemPositionBaseline;
-    case CSSValueLastBaseline:
-        return ItemPositionLastBaseline;
</del><ins>+        return JustifySelfBaseline;
</ins><span class="cx">     case CSSValueCenter:
</span><del>-        return ItemPositionCenter;
</del><ins>+        return JustifySelfCenter;
</ins><span class="cx">     case CSSValueStart:
</span><del>-        return ItemPositionStart;
</del><ins>+        return JustifySelfStart;
</ins><span class="cx">     case CSSValueEnd:
</span><del>-        return ItemPositionEnd;
</del><ins>+        return JustifySelfEnd;
</ins><span class="cx">     case CSSValueSelfStart:
</span><del>-        return ItemPositionSelfStart;
</del><ins>+        return JustifySelfSelfStart;
</ins><span class="cx">     case CSSValueSelfEnd:
</span><del>-        return ItemPositionSelfEnd;
</del><ins>+        return JustifySelfSelfEnd;
</ins><span class="cx">     case CSSValueFlexStart:
</span><del>-        return ItemPositionFlexStart;
</del><ins>+        return JustifySelfFlexStart;
</ins><span class="cx">     case CSSValueFlexEnd:
</span><del>-        return ItemPositionFlexEnd;
</del><ins>+        return JustifySelfFlexEnd;
</ins><span class="cx">     case CSSValueLeft:
</span><del>-        return ItemPositionLeft;
</del><ins>+        return JustifySelfLeft;
</ins><span class="cx">     case CSSValueRight:
</span><del>-        return ItemPositionRight;
</del><ins>+        return JustifySelfRight;
</ins><span class="cx">     default:
</span><span class="cx">         break;
</span><span class="cx">     }
</span><span class="cx">     ASSERT_NOT_REACHED();
</span><del>-    return ItemPositionAuto;
</del><ins>+    return JustifySelfAuto;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-template&lt;&gt; inline CSSPrimitiveValue::CSSPrimitiveValue(OverflowAlignment overflowAlignment)
</del><ins>+template&lt;&gt; inline CSSPrimitiveValue::CSSPrimitiveValue(EJustifySelfOverflowAlignment overflowAlignment)
</ins><span class="cx">     : CSSValue(PrimitiveClass)
</span><span class="cx"> {
</span><span class="cx">     m_primitiveUnitType = CSS_VALUE_ID;
</span><span class="cx">     switch (overflowAlignment) {
</span><del>-    case OverflowAlignmentDefault:
</del><ins>+    case JustifySelfOverflowAlignmentDefault:
</ins><span class="cx">         m_value.valueID = CSSValueDefault;
</span><span class="cx">         break;
</span><del>-    case OverflowAlignmentTrue:
</del><ins>+    case JustifySelfOverflowAlignmentTrue:
</ins><span class="cx">         m_value.valueID = CSSValueTrue;
</span><span class="cx">         break;
</span><del>-    case OverflowAlignmentSafe:
</del><ins>+    case JustifySelfOverflowAlignmentSafe:
</ins><span class="cx">         m_value.valueID = CSSValueSafe;
</span><span class="cx">         break;
</span><span class="cx">     }
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-template&lt;&gt; inline CSSPrimitiveValue::operator OverflowAlignment() const
</del><ins>+template&lt;&gt; inline CSSPrimitiveValue::operator EJustifySelfOverflowAlignment() const
</ins><span class="cx"> {
</span><span class="cx">     switch (m_value.valueID) {
</span><span class="cx">     case CSSValueTrue:
</span><del>-        return OverflowAlignmentTrue;
</del><ins>+        return JustifySelfOverflowAlignmentTrue;
</ins><span class="cx">     case CSSValueSafe:
</span><del>-        return OverflowAlignmentSafe;
</del><ins>+        return JustifySelfOverflowAlignmentSafe;
</ins><span class="cx">     default:
</span><span class="cx">         break;
</span><span class="cx">     }
</span><span class="cx">     ASSERT_NOT_REACHED();
</span><del>-    return OverflowAlignmentTrue;
</del><ins>+    return JustifySelfOverflowAlignmentTrue;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSPropertyNamesin"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSPropertyNames.in (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSPropertyNames.in        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/CSSPropertyNames.in        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -364,9 +364,9 @@
</span><span class="cx"> -webkit-filter
</span><span class="cx"> align-content [NewStyleBuilder]
</span><span class="cx"> -webkit-align-content = align-content
</span><del>-align-items
</del><ins>+align-items [NewStyleBuilder]
</ins><span class="cx"> -webkit-align-items = align-items
</span><del>-align-self
</del><ins>+align-self [NewStyleBuilder, TypeName=EAlignItems]
</ins><span class="cx"> -webkit-align-self = align-self
</span><span class="cx"> flex
</span><span class="cx"> -webkit-flex = flex
</span><span class="lines">@@ -387,8 +387,7 @@
</span><span class="cx"> #if defined(ENABLE_FILTERS_LEVEL_2) &amp;&amp; ENABLE_FILTERS_LEVEL_2
</span><span class="cx"> -webkit-backdrop-filter
</span><span class="cx"> #endif
</span><del>-justify-self
--webkit-justify-self = justify-self
</del><ins>+-webkit-justify-self
</ins><span class="cx"> -webkit-font-size-delta
</span><span class="cx"> #if defined(ENABLE_CSS_GRID_LAYOUT) &amp;&amp; ENABLE_CSS_GRID_LAYOUT
</span><span class="cx"> -webkit-grid
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSValueKeywordsin"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSValueKeywords.in (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSValueKeywords.in        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/CSSValueKeywords.in        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -540,7 +540,6 @@
</span><span class="cx"> // flex-end
</span><span class="cx"> // center
</span><span class="cx"> // baseline
</span><del>-last-baseline
</del><span class="cx"> // stretch
</span><span class="cx"> 
</span><span class="cx"> // CSS_PROP_JUSTIFY_CONTENT
</span><span class="lines">@@ -554,7 +553,6 @@
</span><span class="cx"> // auto
</span><span class="cx"> // stretch
</span><span class="cx"> // baseline
</span><del>-// last-baseline
</del><span class="cx"> // center
</span><span class="cx"> // start
</span><span class="cx"> // end
</span></span></pre></div>
<a id="trunkSourceWebCorecssStyleResolvercpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/StyleResolver.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/StyleResolver.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/StyleResolver.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -1113,6 +1113,26 @@
</span><span class="cx">         || style.isFloating() || style.hasOutOfFlowPosition();
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+static bool isDisplayFlexibleBox(EDisplay display)
+{
+    return display == FLEX || display == INLINE_FLEX;
+}
+
+static inline bool isDisplayGridBox(EDisplay display)
+{
+#if ENABLE(CSS_GRID_LAYOUT)
+    return display == GRID || display == INLINE_GRID;
+#else
+    UNUSED_PARAM(display);
+    return false;
+#endif
+}
+
+static bool isDisplayFlexibleOrGridBox(EDisplay display)
+{
+    return isDisplayFlexibleBox(display) || isDisplayGridBox(display);
+}
+
</ins><span class="cx"> #if ENABLE(ACCELERATED_OVERFLOW_SCROLLING)
</span><span class="cx"> static bool isScrollableOverflow(EOverflow overflow)
</span><span class="cx"> {
</span><span class="lines">@@ -1215,14 +1235,14 @@
</span><span class="cx">         if (style.writingMode() != TopToBottomWritingMode &amp;&amp; (style.display() == BOX || style.display() == INLINE_BOX))
</span><span class="cx">             style.setWritingMode(TopToBottomWritingMode);
</span><span class="cx"> 
</span><del>-        if (parentStyle.isDisplayFlexibleOrGridBox()) {
</del><ins>+        if (isDisplayFlexibleOrGridBox(parentStyle.display())) {
</ins><span class="cx">             style.setFloating(NoFloat);
</span><span class="cx">             style.setDisplay(equivalentBlockDisplay(style.display(), style.isFloating(), !document().inQuirksMode()));
</span><span class="cx">         }
</span><span class="cx">     }
</span><span class="cx"> 
</span><span class="cx">     // Make sure our z-index value is only applied if the object is positioned.
</span><del>-    if (style.position() == StaticPosition &amp;&amp; !parentStyle.isDisplayFlexibleOrGridBox())
</del><ins>+    if (style.position() == StaticPosition &amp;&amp; !isDisplayFlexibleOrGridBox(parentStyle.display()))
</ins><span class="cx">         style.setHasAutoZIndex();
</span><span class="cx"> 
</span><span class="cx">     // Auto z-index becomes 0 for the root element and transparent objects. This prevents
</span><span class="lines">@@ -1351,32 +1371,8 @@
</span><span class="cx">         if ((e-&gt;hasTagName(SVGNames::foreignObjectTag) || e-&gt;hasTagName(SVGNames::textTag)) &amp;&amp; style.isDisplayInlineType())
</span><span class="cx">             style.setDisplay(BLOCK);
</span><span class="cx">     }
</span><del>-
-    // CSS Box Alignment specification requires to resolve &quot;auto&quot; (inital/default) values.
-    adjustStyleForAlignment(style);
</del><span class="cx"> }
</span><span class="cx"> 
</span><del>-void StyleResolver::adjustStyleForAlignment(RenderStyle&amp; style)
-{
-    // The 'auto' keyword computes to:
-    //  - 'stretch' for flex containers and grid containers,
-    //  - 'start' for everything else. (to be resolved later, during the layout)
-    if (style.alignItems() == ItemPositionAuto) {
-        if (style.isDisplayFlexibleOrGridBox())
-            style.setAlignItems(ItemPositionStretch);
-        else
-            style.setAlignItems(ItemPositionStart);
-    }
-
-    // The 'auto' keyword computes to 'stretch' on absolutely-positioned elements,
-    // and to the computed value of align-items on the parent (minus
-    // any 'legacy' keywords) on all other boxes (to be resolved during the layout).
-    if (style.alignSelf() == ItemPositionAuto) {
-        if ((style.position() == AbsolutePosition))
-            style.setAlignSelf(ItemPositionStretch);
-    }
-}
-
</del><span class="cx"> bool StyleResolver::checkRegionStyle(Element* regionElement)
</span><span class="cx"> {
</span><span class="cx">     unsigned rulesSize = m_ruleSets.authorStyle()-&gt;regionSelectorsAndRuleSets().size();
</span><span class="lines">@@ -2904,61 +2900,16 @@
</span><span class="cx">         return;
</span><span class="cx">     }
</span><span class="cx"> #endif /* ENABLE(CSS_GRID_LAYOUT) */
</span><del>-    case CSSPropertyAlignSelf: {
-        if (isInherit) {
-            state.style()-&gt;setAlignSelf(state.parentStyle()-&gt;alignSelf());
-            state.style()-&gt;setAlignSelfOverflowAlignment(state.parentStyle()-&gt;alignSelfOverflowAlignment());
-            return;
-        }
-        if (isInitial) {
-            state.style()-&gt;setAlignSelf(RenderStyle::initialAlignSelf());
-            state.style()-&gt;setAlignSelfOverflowAlignment(RenderStyle::initialAlignSelfOverflowAlignment());
-            return;
-        }
-        if (Pair* pairValue = primitiveValue-&gt;getPairValue()) {
-            state.style()-&gt;setAlignSelf(*pairValue-&gt;first());
-            state.style()-&gt;setAlignSelfOverflowAlignment(*pairValue-&gt;second());
-        } else
-            state.style()-&gt;setAlignSelf(*primitiveValue);
-        return;
-    }
</del><span class="cx"> 
</span><del>-    case CSSPropertyAlignItems: {
-        if (isInherit) {
-            state.style()-&gt;setAlignItems(state.parentStyle()-&gt;alignItems());
-            state.style()-&gt;setAlignItemsOverflowAlignment(state.parentStyle()-&gt;alignItemsOverflowAlignment());
-            return;
-        }
-        if (isInitial) {
-            state.style()-&gt;setAlignItems(RenderStyle::initialAlignItems());
-            state.style()-&gt;setAlignItemsOverflowAlignment(RenderStyle::initialAlignItemsOverflowAlignment());
-            return;
-        }
</del><ins>+    case CSSPropertyWebkitJustifySelf:
+        HANDLE_INHERIT_AND_INITIAL(justifySelf, JustifySelf);
</ins><span class="cx">         if (Pair* pairValue = primitiveValue-&gt;getPairValue()) {
</span><del>-            state.style()-&gt;setAlignItems(*pairValue-&gt;first());
-            state.style()-&gt;setAlignItemsOverflowAlignment(*pairValue-&gt;second());
-        } else
-            state.style()-&gt;setAlignItems(*primitiveValue);
-        return;
-    }
-    case CSSPropertyJustifySelf: {
-        if (isInherit) {
-            state.style()-&gt;setJustifySelf(state.parentStyle()-&gt;justifySelf());
-            state.style()-&gt;setJustifySelfOverflowAlignment(state.parentStyle()-&gt;justifySelfOverflowAlignment());
-            return;
-        }
-        if (isInitial) {
-            state.style()-&gt;setJustifySelf(RenderStyle::initialJustifySelf());
-            state.style()-&gt;setJustifySelfOverflowAlignment(RenderStyle::initialJustifySelfOverflowAlignment());
-            return;
-        }
-        if (Pair* pairValue = primitiveValue-&gt;getPairValue()) {
</del><span class="cx">             state.style()-&gt;setJustifySelf(*pairValue-&gt;first());
</span><span class="cx">             state.style()-&gt;setJustifySelfOverflowAlignment(*pairValue-&gt;second());
</span><span class="cx">         } else
</span><span class="cx">             state.style()-&gt;setJustifySelf(*primitiveValue);
</span><span class="cx">         return;
</span><del>-    }
</del><ins>+
</ins><span class="cx"> #if ENABLE(CSS_SCROLL_SNAP)
</span><span class="cx">     case CSSPropertyWebkitScrollSnapType:
</span><span class="cx">         HANDLE_INHERIT_AND_INITIAL(scrollSnapType, ScrollSnapType);
</span><span class="lines">@@ -3177,6 +3128,8 @@
</span><span class="cx">     case CSSPropertyWebkitCursorVisibility:
</span><span class="cx"> #endif
</span><span class="cx">     case CSSPropertyAlignContent:
</span><ins>+    case CSSPropertyAlignItems:
+    case CSSPropertyAlignSelf:
</ins><span class="cx">     case CSSPropertyFlexBasis:
</span><span class="cx">     case CSSPropertyFlexDirection:
</span><span class="cx">     case CSSPropertyFlexGrow:
</span></span></pre></div>
<a id="trunkSourceWebCorecssStyleResolverh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/StyleResolver.h (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/StyleResolver.h        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/css/StyleResolver.h        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -296,7 +296,6 @@
</span><span class="cx"> #endif
</span><span class="cx"> 
</span><span class="cx">     void adjustRenderStyle(RenderStyle&amp; styleToAdjust, const RenderStyle&amp; parentStyle, Element*);
</span><del>-    void adjustStyleForAlignment(RenderStyle&amp; styleToAdjust);
</del><span class="cx"> #if ENABLE(CSS_GRID_LAYOUT)
</span><span class="cx">     std::unique_ptr&lt;GridPosition&gt; adjustNamedGridItemPosition(const NamedGridAreaMap&amp;, const NamedGridLinesMap&amp;, const GridPosition&amp;, GridPositionSide) const;
</span><span class="cx"> #endif
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderBoxcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderBox.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderBox.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/RenderBox.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -2418,7 +2418,7 @@
</span><span class="cx"> static bool flexItemHasStretchAlignment(const RenderBox&amp; flexitem)
</span><span class="cx"> {
</span><span class="cx">     auto parent = flexitem.parent();
</span><del>-    return flexitem.style().alignSelf() == ItemPositionStretch || (flexitem.style().alignSelf() == ItemPositionAuto &amp;&amp; parent-&gt;style().alignItems() == ItemPositionStretch);
</del><ins>+    return flexitem.style().alignSelf() == AlignStretch || (flexitem.style().alignSelf() == AlignAuto &amp;&amp; parent-&gt;style().alignItems() == AlignStretch);
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> static bool isStretchingColumnFlexItem(const RenderBox&amp; flexitem)
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderFlexibleBoxcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -32,7 +32,6 @@
</span><span class="cx"> #include &quot;RenderFlexibleBox.h&quot;
</span><span class="cx"> 
</span><span class="cx"> #include &quot;LayoutRepainter.h&quot;
</span><del>-#include &quot;NotImplemented.h&quot;
</del><span class="cx"> #include &quot;RenderLayer.h&quot;
</span><span class="cx"> #include &quot;RenderView.h&quot;
</span><span class="cx"> #include &lt;limits&gt;
</span><span class="lines">@@ -187,7 +186,7 @@
</span><span class="cx">     for (RenderBox* child = m_orderIterator.first(); child; child = m_orderIterator.next()) {
</span><span class="cx">         if (child-&gt;isOutOfFlowPositioned())
</span><span class="cx">             continue;
</span><del>-        if (alignmentForChild(*child) == ItemPositionBaseline &amp;&amp; !hasAutoMarginsInCrossAxis(*child)) {
</del><ins>+        if (alignmentForChild(*child) == AlignBaseline &amp;&amp; !hasAutoMarginsInCrossAxis(*child)) {
</ins><span class="cx">             baselineChild = child;
</span><span class="cx">             break;
</span><span class="cx">         }
</span><span class="lines">@@ -228,11 +227,11 @@
</span><span class="cx">     return synthesizedBaselineFromContentBox(*this, direction) + marginAscent;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-static ItemPosition resolveAlignment(const RenderStyle* parentStyle, const RenderStyle* childStyle)
</del><ins>+static EAlignItems resolveAlignment(const RenderStyle* parentStyle, const RenderStyle* childStyle)
</ins><span class="cx"> {
</span><del>-    ItemPosition align = childStyle-&gt;alignSelf();
-    if (align == ItemPositionAuto)
-        align = (parentStyle-&gt;alignItems() == ItemPositionAuto) ? ItemPositionStretch : parentStyle-&gt;alignItems();
</del><ins>+    EAlignItems align = childStyle-&gt;alignSelf();
+    if (align == AlignAuto)
+        align = parentStyle-&gt;alignItems();
</ins><span class="cx">     return align;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -240,12 +239,12 @@
</span><span class="cx"> {
</span><span class="cx">     RenderBlock::styleDidChange(diff, oldStyle);
</span><span class="cx"> 
</span><del>-    if (oldStyle &amp;&amp; oldStyle-&gt;alignItems() == ItemPositionStretch &amp;&amp; diff == StyleDifferenceLayout) {
</del><ins>+    if (oldStyle &amp;&amp; oldStyle-&gt;alignItems() == AlignStretch &amp;&amp; diff == StyleDifferenceLayout) {
</ins><span class="cx">         // Flex items that were previously stretching need to be relayed out so we can compute new available cross axis space.
</span><span class="cx">         // This is only necessary for stretching since other alignment values don't change the size of the box.
</span><span class="cx">         for (RenderBox* child = firstChildBox(); child; child = child-&gt;nextSiblingBox()) {
</span><del>-            ItemPosition previousAlignment = resolveAlignment(oldStyle, &amp;child-&gt;style());
-            if (previousAlignment == ItemPositionStretch &amp;&amp; previousAlignment != resolveAlignment(&amp;style(), &amp;child-&gt;style()))
</del><ins>+            EAlignItems previousAlignment = resolveAlignment(oldStyle, &amp;child-&gt;style());
+            if (previousAlignment == AlignStretch &amp;&amp; previousAlignment != resolveAlignment(&amp;style(), &amp;child-&gt;style()))
</ins><span class="cx">                 child-&gt;setChildNeedsLayout(MarkOnlyThis);
</span><span class="cx">         }
</span><span class="cx">     }
</span><span class="lines">@@ -1024,18 +1023,18 @@
</span><span class="cx">     }
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-ItemPosition RenderFlexibleBox::alignmentForChild(RenderBox&amp; child) const
</del><ins>+EAlignItems RenderFlexibleBox::alignmentForChild(RenderBox&amp; child) const
</ins><span class="cx"> {
</span><del>-    ItemPosition align = resolveAlignment(&amp;style(), &amp;child.style());
</del><ins>+    EAlignItems align = resolveAlignment(&amp;style(), &amp;child.style());
</ins><span class="cx"> 
</span><del>-    if (align == ItemPositionBaseline &amp;&amp; hasOrthogonalFlow(child))
-        align = ItemPositionFlexStart;
</del><ins>+    if (align == AlignBaseline &amp;&amp; hasOrthogonalFlow(child))
+        align = AlignFlexStart;
</ins><span class="cx"> 
</span><span class="cx">     if (style().flexWrap() == FlexWrapReverse) {
</span><del>-        if (align == ItemPositionFlexStart)
-            align = ItemPositionFlexEnd;
-        else if (align == ItemPositionFlexEnd)
-            align = ItemPositionFlexStart;
</del><ins>+        if (align == AlignFlexStart)
+            align = AlignFlexEnd;
+        else if (align == AlignFlexEnd)
+            align = AlignFlexStart;
</ins><span class="cx">     }
</span><span class="cx"> 
</span><span class="cx">     return align;
</span><span class="lines">@@ -1054,7 +1053,7 @@
</span><span class="cx"> 
</span><span class="cx"> bool RenderFlexibleBox::needToStretchChild(RenderBox&amp; child)
</span><span class="cx"> {
</span><del>-    if (alignmentForChild(child) != ItemPositionStretch)
</del><ins>+    if (alignmentForChild(child) != AlignStretch)
</ins><span class="cx">         return false;
</span><span class="cx"> 
</span><span class="cx">     Length crossAxisLength = isHorizontalFlow() ? child.style().height() : child.style().width();
</span><span class="lines">@@ -1105,7 +1104,7 @@
</span><span class="cx">         updateAutoMarginsInMainAxis(child, autoMarginOffset);
</span><span class="cx"> 
</span><span class="cx">         LayoutUnit childCrossAxisMarginBoxExtent;
</span><del>-        if (alignmentForChild(child) == ItemPositionBaseline &amp;&amp; !hasAutoMarginsInCrossAxis(child)) {
</del><ins>+        if (alignmentForChild(child) == AlignBaseline &amp;&amp; !hasAutoMarginsInCrossAxis(child)) {
</ins><span class="cx">             LayoutUnit ascent = marginBoxAscentForChild(child);
</span><span class="cx">             LayoutUnit descent = (crossAxisMarginExtentForChild(child) + crossAxisExtentForChild(child)) - ascent;
</span><span class="cx"> 
</span><span class="lines">@@ -1266,32 +1265,25 @@
</span><span class="cx">                 continue;
</span><span class="cx"> 
</span><span class="cx">             switch (alignmentForChild(*child)) {
</span><del>-            case ItemPositionAuto:
</del><ins>+            case AlignAuto:
</ins><span class="cx">                 ASSERT_NOT_REACHED();
</span><span class="cx">                 break;
</span><del>-            case ItemPositionStart:
-                // FIXME: https://webkit.org/b/135460 - The extended grammar is not supported
-                // yet for FlexibleBox.
-                // Defaulting to Stretch for now, as it what most of FlexBox based renders
-                // expect as default.
-                notImplemented();
-                FALLTHROUGH;
-            case ItemPositionStretch: {
</del><ins>+            case AlignStretch: {
</ins><span class="cx">                 applyStretchAlignmentToChild(*child, lineCrossAxisExtent);
</span><span class="cx">                 // Since wrap-reverse flips cross start and cross end, strech children should be aligned with the cross end.
</span><span class="cx">                 if (style().flexWrap() == FlexWrapReverse)
</span><span class="cx">                     adjustAlignmentForChild(*child, availableAlignmentSpaceForChild(lineCrossAxisExtent, *child));
</span><span class="cx">                 break;
</span><span class="cx">             }
</span><del>-            case ItemPositionFlexStart:
</del><ins>+            case AlignFlexStart:
</ins><span class="cx">                 break;
</span><del>-            case ItemPositionFlexEnd:
</del><ins>+            case AlignFlexEnd:
</ins><span class="cx">                 adjustAlignmentForChild(*child, availableAlignmentSpaceForChild(lineCrossAxisExtent, *child));
</span><span class="cx">                 break;
</span><del>-            case ItemPositionCenter:
</del><ins>+            case AlignCenter:
</ins><span class="cx">                 adjustAlignmentForChild(*child, availableAlignmentSpaceForChild(lineCrossAxisExtent, *child) / 2);
</span><span class="cx">                 break;
</span><del>-            case ItemPositionBaseline: {
</del><ins>+            case AlignBaseline: {
</ins><span class="cx">                 // FIXME: If we get here in columns, we want the use the descent, except we currently can't get the ascent/descent of orthogonal children.
</span><span class="cx">                 // https://bugs.webkit.org/show_bug.cgi?id=98076
</span><span class="cx">                 LayoutUnit ascent = marginBoxAscentForChild(*child);
</span><span class="lines">@@ -1302,19 +1294,6 @@
</span><span class="cx">                     minMarginAfterBaseline = std::min(minMarginAfterBaseline, availableAlignmentSpaceForChild(lineCrossAxisExtent, *child) - startOffset);
</span><span class="cx">                 break;
</span><span class="cx">             }
</span><del>-            case ItemPositionLastBaseline:
-            case ItemPositionSelfStart:
-            case ItemPositionSelfEnd:
-            case ItemPositionEnd:
-            case ItemPositionLeft:
-            case ItemPositionRight:
-                // FIXME: https://webkit.org/b/135460 - The extended grammar is not supported
-                // yet for FlexibleBox.
-                notImplemented();
-                FALLTHROUGH;
-            default:
-                ASSERT_NOT_REACHED();
-                break;
</del><span class="cx">             }
</span><span class="cx">         }
</span><span class="cx">         minMarginAfterBaselines.append(minMarginAfterBaseline);
</span><span class="lines">@@ -1330,7 +1309,7 @@
</span><span class="cx">         LayoutUnit minMarginAfterBaseline = minMarginAfterBaselines[lineNumber];
</span><span class="cx">         for (size_t childNumber = 0; childNumber &lt; lineContexts[lineNumber].numberOfChildren; ++childNumber, child = m_orderIterator.next()) {
</span><span class="cx">             ASSERT(child);
</span><del>-            if (alignmentForChild(*child) == ItemPositionBaseline &amp;&amp; !hasAutoMarginsInCrossAxis(*child) &amp;&amp; minMarginAfterBaseline)
</del><ins>+            if (alignmentForChild(*child) == AlignBaseline &amp;&amp; !hasAutoMarginsInCrossAxis(*child) &amp;&amp; minMarginAfterBaseline)
</ins><span class="cx">                 adjustAlignmentForChild(*child, minMarginAfterBaseline);
</span><span class="cx">         }
</span><span class="cx">     }
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderFlexibleBoxh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderFlexibleBox.h (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderFlexibleBox.h        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/RenderFlexibleBox.h        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -118,7 +118,7 @@
</span><span class="cx">     // FIXME: Supporting layout deltas.
</span><span class="cx">     void setFlowAwareLocationForChild(RenderBox&amp; child, const LayoutPoint&amp;);
</span><span class="cx">     void adjustAlignmentForChild(RenderBox&amp; child, LayoutUnit);
</span><del>-    ItemPosition alignmentForChild(RenderBox&amp; child) const;
</del><ins>+    EAlignItems alignmentForChild(RenderBox&amp; child) const;
</ins><span class="cx">     LayoutUnit mainAxisBorderAndPaddingExtentForChild(RenderBox&amp; child) const;
</span><span class="cx">     LayoutUnit mainAxisScrollbarExtentForChild(RenderBox&amp; child) const;
</span><span class="cx">     LayoutUnit preferredMainAxisContentExtentForChild(RenderBox&amp; child, bool hasInfiniteLineLength);
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderFullScreencpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderFullScreen.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderFullScreen.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/RenderFullScreen.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -90,7 +90,7 @@
</span><span class="cx"> 
</span><span class="cx">     fullscreenStyle.get().setDisplay(FLEX);
</span><span class="cx">     fullscreenStyle.get().setJustifyContent(JustifyCenter);
</span><del>-    fullscreenStyle.get().setAlignItems(ItemPositionCenter);
</del><ins>+    fullscreenStyle.get().setAlignItems(AlignCenter);
</ins><span class="cx">     fullscreenStyle.get().setFlexDirection(FlowColumn);
</span><span class="cx">     
</span><span class="cx">     fullscreenStyle.get().setPosition(FixedPosition);
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderMenuListcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderMenuList.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderMenuList.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/RenderMenuList.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -119,10 +119,10 @@
</span><span class="cx">     // Use margin:auto instead of align-items:center to get safe centering, i.e.
</span><span class="cx">     // when the content overflows, treat it the same as align-items: flex-start.
</span><span class="cx">     // But we only do that for the cases where html.css would otherwise use center.
</span><del>-    if (style().alignItems() == ItemPositionCenter) {
</del><ins>+    if (style().alignItems() == AlignCenter) {
</ins><span class="cx">         innerStyle.setMarginTop(Length());
</span><span class="cx">         innerStyle.setMarginBottom(Length());
</span><del>-        innerStyle.setAlignSelf(ItemPositionFlexStart);
</del><ins>+        innerStyle.setAlignSelf(AlignFlexStart);
</ins><span class="cx">     }
</span><span class="cx"> 
</span><span class="cx">     innerStyle.setPaddingLeft(Length(theme().popupInternalPaddingLeft(style()), Fixed));
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingmathmlRenderMathMLRootcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/mathml/RenderMathMLRoot.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/mathml/RenderMathMLRoot.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/mathml/RenderMathMLRoot.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -233,7 +233,7 @@
</span><span class="cx">     auto base = baseWrapper();
</span><span class="cx">     auto baseStyle = RenderStyle::createAnonymousStyleWithDisplay(&amp;style(), FLEX);
</span><span class="cx">     baseStyle.get().setMarginTop(Length(0, Fixed)); // This will be updated in RenderMathMLRoot::layout().
</span><del>-    baseStyle.get().setAlignItems(ItemPositionBaseline);
</del><ins>+    baseStyle.get().setAlignItems(AlignBaseline);
</ins><span class="cx">     base-&gt;setStyle(WTF::move(baseStyle));
</span><span class="cx">     base-&gt;setNeedsLayoutAndPrefWidthsRecalc();
</span><span class="cx"> 
</span><span class="lines">@@ -244,7 +244,7 @@
</span><span class="cx">         indexStyle.get().setMarginTop(Length(0, Fixed)); // This will be updated in RenderMathMLRoot::layout().
</span><span class="cx">         indexStyle.get().setMarginStart(Length(kernBeforeDegree, Fixed));
</span><span class="cx">         indexStyle.get().setMarginEnd(Length(kernAfterDegree, Fixed));
</span><del>-        indexStyle.get().setAlignItems(ItemPositionBaseline);
</del><ins>+        indexStyle.get().setAlignItems(AlignBaseline);
</ins><span class="cx">         index-&gt;setStyle(WTF::move(indexStyle));
</span><span class="cx">         index-&gt;setNeedsLayoutAndPrefWidthsRecalc();
</span><span class="cx">     }
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingmathmlRenderMathMLScriptscpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/mathml/RenderMathMLScripts.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/mathml/RenderMathMLScripts.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/mathml/RenderMathMLScripts.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -101,7 +101,7 @@
</span><span class="cx">     // The MathML specification does not specify vertical alignment of scripts.
</span><span class="cx">     // Let's right align prescripts and left align postscripts.
</span><span class="cx">     // See http://lists.w3.org/Archives/Public/www-math/2012Aug/0006.html
</span><del>-    scriptsStyle.setAlignItems(isPostScript ? ItemPositionFlexStart : ItemPositionFlexEnd);
</del><ins>+    scriptsStyle.setAlignItems(isPostScript ? AlignFlexStart : AlignFlexEnd);
</ins><span class="cx"> 
</span><span class="cx">     // We set the order property so that the prescripts are drawn before the base.
</span><span class="cx">     scriptsStyle.setOrder(isPostScript ? 0 : -1);
</span><span class="lines">@@ -115,7 +115,7 @@
</span><span class="cx"> {
</span><span class="cx">     // We set the base wrapper's style so that baseHeight in layout() will be an unstretched height.
</span><span class="cx">     ASSERT(m_baseWrapper &amp;&amp; m_baseWrapper-&gt;style().hasOneRef());
</span><del>-    m_baseWrapper-&gt;style().setAlignSelf(ItemPositionFlexStart);
</del><ins>+    m_baseWrapper-&gt;style().setAlignSelf(AlignFlexStart);
</ins><span class="cx"> 
</span><span class="cx">     // This sets the style for postscript pairs.
</span><span class="cx">     RenderObject* subSupPair = m_baseWrapper;
</span><span class="lines">@@ -135,7 +135,7 @@
</span><span class="cx">             RenderStyle&amp; scriptsStyle = subSupPair-&gt;style();
</span><span class="cx">             scriptsStyle.setFlexDirection(FlowRow);
</span><span class="cx">             scriptsStyle.setJustifyContent(JustifyFlexStart);
</span><del>-            scriptsStyle.setAlignItems(ItemPositionCenter);
</del><ins>+            scriptsStyle.setAlignItems(AlignCenter);
</ins><span class="cx">             scriptsStyle.setOrder(0);
</span><span class="cx">             scriptsStyle.setFontSize(style().fontSize());
</span><span class="cx">         }
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingstyleRenderStyleh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/style/RenderStyle.h (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/style/RenderStyle.h        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/style/RenderStyle.h        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -903,17 +903,15 @@
</span><span class="cx">     float flexShrink() const { return rareNonInheritedData-&gt;m_flexibleBox-&gt;m_flexShrink; }
</span><span class="cx">     const Length&amp; flexBasis() const { return rareNonInheritedData-&gt;m_flexibleBox-&gt;m_flexBasis; }
</span><span class="cx">     EAlignContent alignContent() const { return static_cast&lt;EAlignContent&gt;(rareNonInheritedData-&gt;m_alignContent); }
</span><del>-    ItemPosition alignItems() const { return static_cast&lt;ItemPosition&gt;(rareNonInheritedData-&gt;m_alignItems); }
-    OverflowAlignment alignItemsOverflowAlignment() const { return static_cast&lt;OverflowAlignment&gt;(rareNonInheritedData-&gt;m_alignItemsOverflowAlignment); }
-    ItemPosition alignSelf() const { return static_cast&lt;ItemPosition&gt;(rareNonInheritedData-&gt;m_alignSelf); }
-    OverflowAlignment alignSelfOverflowAlignment() const { return static_cast&lt;OverflowAlignment&gt;(rareNonInheritedData-&gt;m_alignSelfOverflowAlignment); }
</del><ins>+    EAlignItems alignItems() const { return static_cast&lt;EAlignItems&gt;(rareNonInheritedData-&gt;m_alignItems); }
+    EAlignItems alignSelf() const { return static_cast&lt;EAlignItems&gt;(rareNonInheritedData-&gt;m_alignSelf); }
</ins><span class="cx">     EFlexDirection flexDirection() const { return static_cast&lt;EFlexDirection&gt;(rareNonInheritedData-&gt;m_flexibleBox-&gt;m_flexDirection); }
</span><span class="cx">     bool isColumnFlexDirection() const { return flexDirection() == FlowColumn || flexDirection() == FlowColumnReverse; }
</span><span class="cx">     bool isReverseFlexDirection() const { return flexDirection() == FlowRowReverse || flexDirection() == FlowColumnReverse; }
</span><span class="cx">     EFlexWrap flexWrap() const { return static_cast&lt;EFlexWrap&gt;(rareNonInheritedData-&gt;m_flexibleBox-&gt;m_flexWrap); }
</span><span class="cx">     EJustifyContent justifyContent() const { return static_cast&lt;EJustifyContent&gt;(rareNonInheritedData-&gt;m_justifyContent); }
</span><del>-    ItemPosition justifySelf() const { return static_cast&lt;ItemPosition&gt;(rareNonInheritedData-&gt;m_justifySelf); }
-    OverflowAlignment justifySelfOverflowAlignment() const { return static_cast&lt;OverflowAlignment&gt;(rareNonInheritedData-&gt;m_justifySelfOverflowAlignment); }
</del><ins>+    EJustifySelf justifySelf() const { return static_cast&lt;EJustifySelf&gt;(rareNonInheritedData-&gt;m_justifySelf); }
+    EJustifySelfOverflowAlignment justifySelfOverflowAlignment() const { return static_cast&lt;EJustifySelfOverflowAlignment&gt;(rareNonInheritedData-&gt;m_justifySelfOverflowAlignment); }
</ins><span class="cx"> 
</span><span class="cx"> #if ENABLE(CSS_GRID_LAYOUT)
</span><span class="cx">     const Vector&lt;GridTrackSize&gt;&amp; gridColumns() const { return rareNonInheritedData-&gt;m_grid-&gt;m_gridColumns; }
</span><span class="lines">@@ -1477,15 +1475,13 @@
</span><span class="cx">     void setFlexBasis(Length length) { SET_VAR(rareNonInheritedData.access()-&gt;m_flexibleBox, m_flexBasis, WTF::move(length)); }
</span><span class="cx">     void setOrder(int o) { SET_VAR(rareNonInheritedData, m_order, o); }
</span><span class="cx">     void setAlignContent(EAlignContent p) { SET_VAR(rareNonInheritedData, m_alignContent, p); }
</span><del>-    void setAlignItems(ItemPosition a) { SET_VAR(rareNonInheritedData, m_alignItems, a); }
-    void setAlignItemsOverflowAlignment(OverflowAlignment overflowAlignment) { SET_VAR(rareNonInheritedData, m_alignItemsOverflowAlignment, overflowAlignment); }
-    void setAlignSelf(ItemPosition a) { SET_VAR(rareNonInheritedData, m_alignSelf, a); }
-    void setAlignSelfOverflowAlignment(OverflowAlignment overflowAlignment) { SET_VAR(rareNonInheritedData, m_alignSelfOverflowAlignment, overflowAlignment); }
</del><ins>+    void setAlignItems(EAlignItems a) { SET_VAR(rareNonInheritedData, m_alignItems, a); }
+    void setAlignSelf(EAlignItems a) { SET_VAR(rareNonInheritedData, m_alignSelf, a); }
</ins><span class="cx">     void setFlexDirection(EFlexDirection direction) { SET_VAR(rareNonInheritedData.access()-&gt;m_flexibleBox, m_flexDirection, direction); }
</span><span class="cx">     void setFlexWrap(EFlexWrap w) { SET_VAR(rareNonInheritedData.access()-&gt;m_flexibleBox, m_flexWrap, w); }
</span><span class="cx">     void setJustifyContent(EJustifyContent p) { SET_VAR(rareNonInheritedData, m_justifyContent, p); }
</span><del>-    void setJustifySelf(ItemPosition p) { SET_VAR(rareNonInheritedData, m_justifySelf, p); }
-    void setJustifySelfOverflowAlignment(OverflowAlignment overflowAlignment) { SET_VAR(rareNonInheritedData, m_justifySelfOverflowAlignment, overflowAlignment); }
</del><ins>+    void setJustifySelf(EJustifySelf p) { SET_VAR(rareNonInheritedData, m_justifySelf, p); }
+    void setJustifySelfOverflowAlignment(EJustifySelfOverflowAlignment overflowAlignment) { SET_VAR(rareNonInheritedData, m_justifySelfOverflowAlignment, overflowAlignment); }
</ins><span class="cx"> #if ENABLE(CSS_GRID_LAYOUT)
</span><span class="cx">     void setGridAutoColumns(const GridTrackSize&amp; length) { SET_VAR(rareNonInheritedData.access()-&gt;m_grid, m_gridAutoColumns, length); }
</span><span class="cx">     void setGridAutoRows(const GridTrackSize&amp; length) { SET_VAR(rareNonInheritedData.access()-&gt;m_grid, m_gridAutoRows, length); }
</span><span class="lines">@@ -1764,7 +1760,6 @@
</span><span class="cx">     bool isDisplayReplacedType() const { return isDisplayReplacedType(display()); }
</span><span class="cx">     bool isDisplayInlineType() const { return isDisplayInlineType(display()); }
</span><span class="cx">     bool isOriginalDisplayInlineType() const { return isDisplayInlineType(originalDisplay()); }
</span><del>-    bool isDisplayFlexibleOrGridBox() const { return isDisplayFlexibleOrGridBox(display()); }
</del><span class="cx">     bool isDisplayRegionType() const
</span><span class="cx">     {
</span><span class="cx">         return display() == BLOCK || display() == INLINE_BLOCK
</span><span class="lines">@@ -1888,15 +1883,13 @@
</span><span class="cx">     static Length initialFlexBasis() { return Length(Auto); }
</span><span class="cx">     static int initialOrder() { return 0; }
</span><span class="cx">     static EAlignContent initialAlignContent() { return AlignContentStretch; }
</span><del>-    static ItemPosition initialAlignItems() { return ItemPositionAuto; }
-    static OverflowAlignment initialAlignItemsOverflowAlignment() { return OverflowAlignmentDefault; }
-    static ItemPosition initialAlignSelf() { return ItemPositionAuto; }
-    static OverflowAlignment initialAlignSelfOverflowAlignment() { return OverflowAlignmentDefault; }
</del><ins>+    static EAlignItems initialAlignItems() { return AlignStretch; }
+    static EAlignItems initialAlignSelf() { return AlignAuto; }
</ins><span class="cx">     static EFlexDirection initialFlexDirection() { return FlowRow; }
</span><span class="cx">     static EFlexWrap initialFlexWrap() { return FlexNoWrap; }
</span><span class="cx">     static EJustifyContent initialJustifyContent() { return JustifyFlexStart; }
</span><del>-    static ItemPosition initialJustifySelf() { return ItemPositionAuto; }
-    static OverflowAlignment initialJustifySelfOverflowAlignment() { return OverflowAlignmentDefault; }
</del><ins>+    static EJustifySelf initialJustifySelf() { return JustifySelfAuto; }
+    static EJustifySelfOverflowAlignment initialJustifySelfOverflowAlignment() { return JustifySelfOverflowAlignmentDefault; }
</ins><span class="cx">     static int initialMarqueeLoopCount() { return -1; }
</span><span class="cx">     static int initialMarqueeSpeed() { return 85; }
</span><span class="cx">     static Length initialMarqueeIncrement() { return Length(6, Fixed); }
</span><span class="lines">@@ -2082,26 +2075,6 @@
</span><span class="cx">         return display == INLINE || isDisplayReplacedType(display);
</span><span class="cx">     }
</span><span class="cx"> 
</span><del>-    bool isDisplayFlexibleBox(EDisplay display) const
-    {
-        return display == FLEX || display == INLINE_FLEX;
-    }
-
-    bool isDisplayGridBox(EDisplay display) const
-    {
-#if ENABLE(CSS_GRID_LAYOUT)
-        return display == GRID || display == INLINE_GRID;
-#else
-        UNUSED_PARAM(display);
-        return false;
-#endif
-    }
-
-    bool isDisplayFlexibleOrGridBox(EDisplay display) const
-    {
-        return isDisplayFlexibleBox(display) || isDisplayGridBox(display);
-    }
-
</del><span class="cx">     // Color accessors are all private to make sure callers use visitedDependentColor instead to access them.
</span><span class="cx">     Color invalidColor() const { static Color invalid; return invalid; }
</span><span class="cx">     Color borderLeftColor() const { return surround-&gt;border.left().color(); }
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingstyleRenderStyleConstantsh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/style/RenderStyleConstants.h (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/style/RenderStyleConstants.h        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/style/RenderStyleConstants.h        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -244,11 +244,12 @@
</span><span class="cx"> // CSS3 Flexbox Properties
</span><span class="cx"> 
</span><span class="cx"> enum EAlignContent { AlignContentFlexStart, AlignContentFlexEnd, AlignContentCenter, AlignContentSpaceBetween, AlignContentSpaceAround, AlignContentStretch };
</span><ins>+enum EAlignItems { AlignAuto, AlignFlexStart, AlignFlexEnd, AlignCenter, AlignStretch, AlignBaseline };
</ins><span class="cx"> enum EFlexDirection { FlowRow, FlowRowReverse, FlowColumn, FlowColumnReverse };
</span><span class="cx"> enum EFlexWrap { FlexNoWrap, FlexWrap, FlexWrapReverse };
</span><span class="cx"> enum EJustifyContent { JustifyFlexStart, JustifyFlexEnd, JustifyCenter, JustifySpaceBetween, JustifySpaceAround };
</span><del>-enum ItemPosition {ItemPositionAuto, ItemPositionStretch, ItemPositionBaseline, ItemPositionLastBaseline, ItemPositionCenter, ItemPositionStart, ItemPositionEnd, ItemPositionSelfStart, ItemPositionSelfEnd, ItemPositionFlexStart, ItemPositionFlexEnd, ItemPositionLeft, ItemPositionRight};
-enum OverflowAlignment {OverflowAlignmentDefault, OverflowAlignmentTrue, OverflowAlignmentSafe};
</del><ins>+enum EJustifySelf {JustifySelfAuto, JustifySelfStretch, JustifySelfBaseline, JustifySelfCenter, JustifySelfStart, JustifySelfEnd, JustifySelfSelfStart, JustifySelfSelfEnd, JustifySelfFlexStart, JustifySelfFlexEnd, JustifySelfLeft, JustifySelfRight};
+enum EJustifySelfOverflowAlignment {JustifySelfOverflowAlignmentDefault, JustifySelfOverflowAlignmentTrue, JustifySelfOverflowAlignmentSafe};
</ins><span class="cx"> 
</span><span class="cx"> 
</span><span class="cx"> enum ETextSecurity {
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingstyleStyleRareNonInheritedDatacpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -83,9 +83,7 @@
</span><span class="cx">     , m_backfaceVisibility(RenderStyle::initialBackfaceVisibility())
</span><span class="cx">     , m_alignContent(RenderStyle::initialAlignContent())
</span><span class="cx">     , m_alignItems(RenderStyle::initialAlignItems())
</span><del>-    , m_alignItemsOverflowAlignment(RenderStyle::initialAlignItemsOverflowAlignment())
</del><span class="cx">     , m_alignSelf(RenderStyle::initialAlignSelf())
</span><del>-    , m_alignSelfOverflowAlignment(RenderStyle::initialAlignSelfOverflowAlignment())
</del><span class="cx">     , m_justifyContent(RenderStyle::initialJustifyContent())
</span><span class="cx">     , m_justifySelf(RenderStyle::initialJustifySelf())
</span><span class="cx">     , m_justifySelfOverflowAlignment(RenderStyle::initialJustifySelfOverflowAlignment())
</span><span class="lines">@@ -172,9 +170,7 @@
</span><span class="cx">     , m_backfaceVisibility(o.m_backfaceVisibility)
</span><span class="cx">     , m_alignContent(o.m_alignContent)
</span><span class="cx">     , m_alignItems(o.m_alignItems)
</span><del>-    , m_alignItemsOverflowAlignment(o.m_alignItemsOverflowAlignment)
</del><span class="cx">     , m_alignSelf(o.m_alignSelf)
</span><del>-    , m_alignSelfOverflowAlignment(o.m_alignSelfOverflowAlignment)
</del><span class="cx">     , m_justifyContent(o.m_justifyContent)
</span><span class="cx">     , m_justifySelf(o.m_justifySelf)
</span><span class="cx">     , m_justifySelfOverflowAlignment(o.m_justifySelfOverflowAlignment)
</span><span class="lines">@@ -269,9 +265,7 @@
</span><span class="cx">         &amp;&amp; m_backfaceVisibility == o.m_backfaceVisibility
</span><span class="cx">         &amp;&amp; m_alignContent == o.m_alignContent
</span><span class="cx">         &amp;&amp; m_alignItems == o.m_alignItems
</span><del>-        &amp;&amp; m_alignItemsOverflowAlignment == o.m_alignItemsOverflowAlignment
</del><span class="cx">         &amp;&amp; m_alignSelf == o.m_alignSelf
</span><del>-        &amp;&amp; m_alignSelfOverflowAlignment == o.m_alignSelfOverflowAlignment
</del><span class="cx">         &amp;&amp; m_justifyContent == o.m_justifyContent
</span><span class="cx">         &amp;&amp; userDrag == o.userDrag
</span><span class="cx">         &amp;&amp; textOverflow == o.textOverflow
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingstyleStyleRareNonInheritedDatah"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.h (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.h        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/rendering/style/StyleRareNonInheritedData.h        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -188,14 +188,12 @@
</span><span class="cx">     unsigned m_backfaceVisibility : 1; // EBackfaceVisibility
</span><span class="cx"> 
</span><span class="cx">     unsigned m_alignContent : 3; // EAlignContent
</span><del>-    unsigned m_alignItems : 4; // ItemPosition
-    unsigned m_alignItemsOverflowAlignment : 2; // OverflowAlignment
-    unsigned m_alignSelf : 4; // ItemPosition
-    unsigned m_alignSelfOverflowAlignment : 2; // OverflowAlignment
</del><ins>+    unsigned m_alignItems : 3; // EAlignItems
+    unsigned m_alignSelf : 3; // EAlignItems
</ins><span class="cx">     unsigned m_justifyContent : 3; // EJustifyContent
</span><span class="cx"> 
</span><del>-    unsigned m_justifySelf : 4; // ItemPosition
-    unsigned m_justifySelfOverflowAlignment : 2; // OverflowAlignment
</del><ins>+    unsigned m_justifySelf : 4; // EJustifySelf
+    unsigned m_justifySelfOverflowAlignment : 2; // EJustifySelfOverflowAlignment
</ins><span class="cx"> 
</span><span class="cx">     unsigned userDrag : 2; // EUserDrag
</span><span class="cx">     unsigned textOverflow : 1; // Whether or not lines that spill out should be truncated with &quot;...&quot;
</span></span></pre></div>
<a id="trunkSourceWebCorestyleStyleResolveTreecpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/style/StyleResolveTree.cpp (176257 => 176258)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/style/StyleResolveTree.cpp        2014-11-18 15:24:19 UTC (rev 176257)
+++ trunk/Source/WebCore/style/StyleResolveTree.cpp        2014-11-18 16:09:46 UTC (rev 176258)
</span><span class="lines">@@ -121,8 +121,6 @@
</span><span class="cx">     // a separate render region object.
</span><span class="cx">     if (s1.hasFlowFrom() &amp;&amp; (s1.specifiesColumns() != s2.specifiesColumns()))
</span><span class="cx">         return Detach;
</span><del>-    if (s1.alignItems() != s2.alignItems())
-        return Detach;
</del><span class="cx"> 
</span><span class="cx">     if (s1 != s2) {
</span><span class="cx">         if (s1.inheritedNotEqual(&amp;s2))
</span></span></pre>
</div>
</div>

</body>
</html>