<!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>[194104] 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/194104">194104</a></dd>
<dt>Author</dt> <dd>jfernandez@igalia.com</dd>
<dt>Date</dt> <dd>2015-12-15 04:11:56 -0800 (Tue, 15 Dec 2015)</dd>
</dl>

<h3>Log Message</h3>
<pre>[css-align][css-grid] Overflow alignment value 'true' renamed to 'unsafe'
https://bugs.webkit.org/show_bug.cgi?id=152251

Source/WebCore:

Reviewed by Darin Adler.

The 'True' Overflow Alignment keyword is now defined in the Box Alignment
specification as 'Unsafe'.

This patch applies the required changes in the CSS parsing logic, as well
Grid Layout specific codebase, so it complies with the last version of the
spec.

No new tests, no change in functionality.

* css/CSSParser.cpp:
(WebCore::isAlignmentOverflowKeyword):
(WebCore::CSSParser::parseItemPositionOverflowPosition):
* css/CSSPrimitiveValueMappings.h:
(WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
(WebCore::CSSPrimitiveValue::operator OverflowAlignment):
* css/CSSValueKeywords.in:
* rendering/RenderGrid.cpp:
(WebCore::computeOverflowAlignmentOffset):
* rendering/style/RenderStyleConstants.h:

LayoutTests:

The 'True' Overflow Alignment keyword is known now as 'Unsafe', so adapting
layout tests using such keyword.

Reviewed by Darin Adler.

* css3/overwrite-content-alignment-expected.txt:
* css3/overwrite-content-alignment.html:
* css3/overwrite-self-alignment-expected.txt:
* css3/overwrite-self-alignment.html:
* css3/parse-align-content-expected.txt:
* css3/parse-align-content.html:
* css3/parse-align-items-expected.txt:
* css3/parse-align-items.html:
* css3/parse-align-self-expected.txt:
* css3/parse-align-self.html:
* css3/parse-justify-content-expected.txt:
* css3/parse-justify-content.html:
* fast/css-grid-layout/grid-align-justify-overflow.html:
* fast/css-grid-layout/grid-content-alignment-overflow.html:
* fast/css/parse-justify-items-expected.txt:
* fast/css/parse-justify-items.html:
* fast/css/parse-justify-self-expected.txt:
* fast/css/parse-justify-self.html:</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestscss3overwritecontentalignmentexpectedtxt">trunk/LayoutTests/css3/overwrite-content-alignment-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3overwritecontentalignmenthtml">trunk/LayoutTests/css3/overwrite-content-alignment.html</a></li>
<li><a href="#trunkLayoutTestscss3overwriteselfalignmentexpectedtxt">trunk/LayoutTests/css3/overwrite-self-alignment-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3overwriteselfalignmenthtml">trunk/LayoutTests/css3/overwrite-self-alignment.html</a></li>
<li><a href="#trunkLayoutTestscss3parsealigncontentexpectedtxt">trunk/LayoutTests/css3/parse-align-content-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3parsealigncontenthtml">trunk/LayoutTests/css3/parse-align-content.html</a></li>
<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="#trunkLayoutTestscss3parsejustifycontentexpectedtxt">trunk/LayoutTests/css3/parse-justify-content-expected.txt</a></li>
<li><a href="#trunkLayoutTestscss3parsejustifycontenthtml">trunk/LayoutTests/css3/parse-justify-content.html</a></li>
<li><a href="#trunkLayoutTestsfastcssparsejustifyitemsexpectedtxt">trunk/LayoutTests/fast/css/parse-justify-items-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastcssparsejustifyitemshtml">trunk/LayoutTests/fast/css/parse-justify-items.html</a></li>
<li><a href="#trunkLayoutTestsfastcssparsejustifyselfexpectedtxt">trunk/LayoutTests/fast/css/parse-justify-self-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastcssparsejustifyselfhtml">trunk/LayoutTests/fast/css/parse-justify-self.html</a></li>
<li><a href="#trunkLayoutTestsfastcssgridlayoutgridalignjustifyoverflowhtml">trunk/LayoutTests/fast/css-grid-layout/grid-align-justify-overflow.html</a></li>
<li><a href="#trunkLayoutTestsfastcssgridlayoutgridcontentalignmentoverflowhtml">trunk/LayoutTests/fast/css-grid-layout/grid-content-alignment-overflow.html</a></li>
<li><a href="#trunkLayoutTestsfastrepaintalignitemsoverflowchangehtml">trunk/LayoutTests/fast/repaint/align-items-overflow-change.html</a></li>
<li><a href="#trunkLayoutTestsfastrepaintalignselfoverflowchangehtml">trunk/LayoutTests/fast/repaint/align-self-overflow-change.html</a></li>
<li><a href="#trunkLayoutTestsfastrepaintjustifyitemsoverflowchangehtml">trunk/LayoutTests/fast/repaint/justify-items-overflow-change.html</a></li>
<li><a href="#trunkLayoutTestsfastrepaintjustifyselfoverflowchangehtml">trunk/LayoutTests/fast/repaint/justify-self-overflow-change.html</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCorecssCSSParsercpp">trunk/Source/WebCore/css/CSSParser.cpp</a></li>
<li><a href="#trunkSourceWebCorecssCSSPrimitiveValueMappingsh">trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h</a></li>
<li><a href="#trunkSourceWebCorecssCSSValueKeywordsin">trunk/Source/WebCore/css/CSSValueKeywords.in</a></li>
<li><a href="#trunkSourceWebCorerenderingRenderGridcpp">trunk/Source/WebCore/rendering/RenderGrid.cpp</a></li>
<li><a href="#trunkSourceWebCorerenderingstyleRenderStyleConstantsh">trunk/Source/WebCore/rendering/style/RenderStyleConstants.h</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/ChangeLog        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -1,3 +1,32 @@
</span><ins>+2015-12-15  Javier Fernandez  &lt;jfernandez@igalia.com&gt;
+
+        [css-align][css-grid] Overflow alignment value 'true' renamed to 'unsafe'
+        https://bugs.webkit.org/show_bug.cgi?id=152251
+
+        The 'True' Overflow Alignment keyword is known now as 'Unsafe', so adapting
+        layout tests using such keyword.
+
+        Reviewed by Darin Adler.
+
+        * css3/overwrite-content-alignment-expected.txt:
+        * css3/overwrite-content-alignment.html:
+        * css3/overwrite-self-alignment-expected.txt:
+        * css3/overwrite-self-alignment.html:
+        * css3/parse-align-content-expected.txt:
+        * css3/parse-align-content.html:
+        * css3/parse-align-items-expected.txt:
+        * css3/parse-align-items.html:
+        * css3/parse-align-self-expected.txt:
+        * css3/parse-align-self.html:
+        * css3/parse-justify-content-expected.txt:
+        * css3/parse-justify-content.html:
+        * fast/css-grid-layout/grid-align-justify-overflow.html:
+        * fast/css-grid-layout/grid-content-alignment-overflow.html:
+        * fast/css/parse-justify-items-expected.txt:
+        * fast/css/parse-justify-items.html:
+        * fast/css/parse-justify-self-expected.txt:
+        * fast/css/parse-justify-self.html:
+
</ins><span class="cx"> 2015-12-14  Ryan Haddad  &lt;ryanhaddad@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Re-enabling passing test fast/viewport/ios/width-is-device-width.html, which was accidentally skipped with r194058.
</span></span></pre></div>
<a id="trunkLayoutTestscss3overwritecontentalignmentexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/overwrite-content-alignment-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/overwrite-content-alignment-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/overwrite-content-alignment-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -3,7 +3,7 @@
</span><span class="cx"> On success, you will see a series of &quot;PASS&quot; messages, followed by &quot;TEST COMPLETE&quot;.
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-PASS getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-content') is &quot;flex-end true&quot;
</del><ins>+PASS getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-content') is &quot;flex-end unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(childOfDefaultParent, '').getPropertyValue('align-content') is &quot;center safe&quot;
</span><span class="cx"> PASS getComputedStyle(childOfParentId, '').getPropertyValue('justify-content') is &quot;space-between&quot;
</span><span class="cx"> PASS getComputedStyle(childOfParentId, '').getPropertyValue('align-content') is &quot;space-around&quot;
</span></span></pre></div>
<a id="trunkLayoutTestscss3overwritecontentalignmenthtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/overwrite-content-alignment.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/overwrite-content-alignment.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/overwrite-content-alignment.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> }
</span><span class="cx"> .parent .child {
</span><span class="cx">    display: -webkit-flex;
</span><del>-   justify-content: flex-end true;
</del><ins>+   justify-content: flex-end unsafe;
</ins><span class="cx">    align-content: center safe;
</span><span class="cx"> }
</span><span class="cx"> #parentId .child {
</span><span class="lines">@@ -25,7 +25,7 @@
</span><span class="cx"> description('Test overwriting justify-content and align-content works as expected');
</span><span class="cx"> 
</span><span class="cx"> var childOfDefaultParent = document.getElementById(&quot;childOfDefaultParent&quot;);
</span><del>-shouldBeEqualToString(&quot;getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-content')&quot;, &quot;flex-end true&quot;);
</del><ins>+shouldBeEqualToString(&quot;getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-content')&quot;, &quot;flex-end unsafe&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(childOfDefaultParent, '').getPropertyValue('align-content')&quot;, &quot;center safe&quot;);
</span><span class="cx"> 
</span><span class="cx"> var childOfParentId = document.getElementById(&quot;childOfParentId&quot;);
</span></span></pre></div>
<a id="trunkLayoutTestscss3overwriteselfalignmentexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/overwrite-self-alignment-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/overwrite-self-alignment-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/overwrite-self-alignment-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -5,7 +5,7 @@
</span><span class="cx"> 
</span><span class="cx"> PASS getComputedStyle(parent, '').getPropertyValue('justify-items') is &quot;center&quot;
</span><span class="cx"> PASS getComputedStyle(parent, '').getPropertyValue('align-items') is &quot;stretch&quot;
</span><del>-PASS getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-self') is &quot;flex-end true&quot;
</del><ins>+PASS getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-self') is &quot;flex-end unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(childOfDefaultParent, '').getPropertyValue('align-self') is &quot;flex-start safe&quot;
</span><span class="cx"> PASS getComputedStyle(childOfParentId, '').getPropertyValue('justify-self') is &quot;center&quot;
</span><span class="cx"> PASS getComputedStyle(childOfParentId, '').getPropertyValue('align-self') is &quot;stretch&quot;
</span></span></pre></div>
<a id="trunkLayoutTestscss3overwriteselfalignmenthtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/overwrite-self-alignment.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/overwrite-self-alignment.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/overwrite-self-alignment.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -2,12 +2,12 @@
</span><span class="cx"> &lt;style&gt;
</span><span class="cx"> .parent {
</span><span class="cx">    display: -webkit-flex;
</span><del>-   justify-items: flex-end true;
</del><ins>+   justify-items: flex-end unsafe;
</ins><span class="cx">    align-items: flex-start safe;
</span><span class="cx"> }
</span><span class="cx"> .parent .child {
</span><span class="cx">    display: -webkit-flex;
</span><del>-   justify-self: flex-end true;
</del><ins>+   justify-self: flex-end unsafe;
</ins><span class="cx">    align-self: flex-start safe;
</span><span class="cx"> }
</span><span class="cx"> #parentId {
</span><span class="lines">@@ -35,7 +35,7 @@
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(parent, '').getPropertyValue('align-items')&quot;, &quot;stretch&quot;);
</span><span class="cx"> 
</span><span class="cx"> var childOfDefaultParent = document.getElementById(&quot;childOfDefaultParent&quot;);
</span><del>-shouldBeEqualToString(&quot;getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-self')&quot;, &quot;flex-end true&quot;);
</del><ins>+shouldBeEqualToString(&quot;getComputedStyle(childOfDefaultParent, '').getPropertyValue('justify-self')&quot;, &quot;flex-end unsafe&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(childOfDefaultParent, '').getPropertyValue('align-self')&quot;, &quot;flex-start safe&quot;);
</span><span class="cx"> 
</span><span class="cx"> var childOfParentId = document.getElementById(&quot;childOfParentId&quot;);
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsealigncontentexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-align-content-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-content-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-align-content-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -18,22 +18,22 @@
</span><span class="cx"> PASS getComputedStyle(alignContentRight, '').getPropertyValue('align-content') is &quot;right&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentFlexStart, '').getPropertyValue('align-content') is &quot;flex-start&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentFlexEnd, '').getPropertyValue('align-content') is &quot;flex-end&quot;
</span><del>-PASS getComputedStyle(alignContentEndTrue, '').getPropertyValue('align-content') is &quot;end true&quot;
-PASS getComputedStyle(alignContentCenterTrue, '').getPropertyValue('align-content') is &quot;center true&quot;
</del><ins>+PASS getComputedStyle(alignContentEndUnsafe, '').getPropertyValue('align-content') is &quot;end unsafe&quot;
+PASS getComputedStyle(alignContentCenterUnsafe, '').getPropertyValue('align-content') is &quot;center unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(alignContentRightSafe, '').getPropertyValue('align-content') is &quot;right safe&quot;
</span><del>-PASS getComputedStyle(alignContentLeftTrue, '').getPropertyValue('align-content') is &quot;left true&quot;
-PASS getComputedStyle(alignContentFlexStartTrue, '').getPropertyValue('align-content') is &quot;flex-start true&quot;
</del><ins>+PASS getComputedStyle(alignContentLeftUnsafe, '').getPropertyValue('align-content') is &quot;left unsafe&quot;
+PASS getComputedStyle(alignContentFlexStartUnsafe, '').getPropertyValue('align-content') is &quot;flex-start unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(alignContentFlexEndSafe, '').getPropertyValue('align-content') is &quot;flex-end safe&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentSpaceBetweenLeft, '').getPropertyValue('align-content') is &quot;space-between left&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentSpaceAroundCenter, '').getPropertyValue('align-content') is &quot;space-around center&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentSpaceEvenlyRight, '').getPropertyValue('align-content') is &quot;space-evenly right&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentStretchStartSafe, '').getPropertyValue('align-content') is &quot;stretch start safe&quot;
</span><del>-PASS getComputedStyle(alignContentSpaceAroundEndTrue, '').getPropertyValue('align-content') is &quot;space-around end true&quot;
</del><ins>+PASS getComputedStyle(alignContentSpaceAroundEndUnsafe, '').getPropertyValue('align-content') is &quot;space-around end unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(alignContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('align-content') is &quot;space-evenly flex-start safe&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentSpaceBetweenSafe, '').getPropertyValue('align-content') is &quot;start&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentSpaceBetweenStretch, '').getPropertyValue('align-content') is &quot;start&quot;
</span><span class="cx"> PASS getComputedStyle(alignContentSafe, '').getPropertyValue('align-content') is &quot;start&quot;
</span><del>-PASS getComputedStyle(alignContentRightSafeTrue, '').getPropertyValue('align-content') is &quot;start&quot;
</del><ins>+PASS getComputedStyle(alignContentRightSafeUnsafe, '').getPropertyValue('align-content') is &quot;start&quot;
</ins><span class="cx"> PASS getComputedStyle(alignContentCenterLeft, '').getPropertyValue('align-content') is &quot;start&quot;
</span><span class="cx"> 
</span><span class="cx"> Test initial value of align-content through JS
</span><span class="lines">@@ -42,16 +42,16 @@
</span><span class="cx"> Test getting and setting align-content through JS
</span><span class="cx"> PASS element.style.alignContent is &quot;center&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;center&quot;
</span><del>-PASS element.style.alignContent is &quot;start true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;start true&quot;
</del><ins>+PASS element.style.alignContent is &quot;start unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;start unsafe&quot;
</ins><span class="cx"> PASS element.style.alignContent is &quot;flex-end safe&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;flex-end safe&quot;
</span><span class="cx"> PASS element.style.alignContent is &quot;space-between right safe&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;space-between right safe&quot;
</span><span class="cx"> PASS element.style.alignContent is &quot;stretch center&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;stretch center&quot;
</span><del>-PASS element.style.alignContent is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;right true&quot;
</del><ins>+PASS element.style.alignContent is &quot;right unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;right unsafe&quot;
</ins><span class="cx"> PASS element.style.alignContent is &quot;auto&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;start&quot;
</span><span class="cx"> PASS element.style.alignContent is &quot;auto&quot;
</span><span class="lines">@@ -118,8 +118,8 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;start&quot;
</span><span class="cx"> 
</span><span class="cx"> Test the value 'initial' for flex containers
</span><del>-PASS element.style.alignContent is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;right true&quot;
</del><ins>+PASS element.style.alignContent is &quot;right unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;right unsafe&quot;
</ins><span class="cx"> PASS element.style.alignContent is &quot;initial&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is &quot;stretch&quot;
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsealigncontenthtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-align-content.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-content.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-align-content.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -58,24 +58,24 @@
</span><span class="cx">     align-content: flex-end;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignContentEndTrue {
-    align-content: end true;
</del><ins>+#alignContentEndUnsafe {
+    align-content: end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignContentCenterTrue {
-    align-content: center true;
</del><ins>+#alignContentCenterUnsafe {
+    align-content: center unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignContentRightSafe {
</span><span class="cx">     align-content: right safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignContentLeftTrue {
-    align-content: left true;
</del><ins>+#alignContentLeftUnsafe {
+    align-content: left unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignContentFlexStartTrue {
-    align-content: flex-start true;
</del><ins>+#alignContentFlexStartUnsafe {
+    align-content: flex-start unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignContentFlexEndSafe {
</span><span class="lines">@@ -98,8 +98,8 @@
</span><span class="cx">     align-content: stretch start safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignContentSpaceAroundEndTrue {
-    align-content: space-around end true;
</del><ins>+#alignContentSpaceAroundEndUnsafe {
+    align-content: space-around end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignContentSpaceEvenlyFlexStartSafe {
</span><span class="lines">@@ -119,8 +119,8 @@
</span><span class="cx">     align-content: safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignContentRightSafeTrue {
-    align-content: right safe true;
</del><ins>+#alignContentRightSafeUnsafe {
+    align-content: right safe unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignContentCenterLeft {
</span><span class="lines">@@ -138,8 +138,8 @@
</span><span class="cx"> &lt;div id=&quot;alignContentSpaceEvenly&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentStretch&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentSpaceBetweenSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;alignContentSpaceAroundTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignContentStretchTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignContentSpaceAroundUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;alignContentStretchUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignContentStretchrue&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentStart&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentEnd&quot;&gt;&lt;/div&gt;
</span><span class="lines">@@ -148,23 +148,23 @@
</span><span class="cx"> &lt;div id=&quot;alignContentRight&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentFlexStart&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentFlexEnd&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;alignContentEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignContentCenterTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignContentEndUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;alignContentCenterUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignContentRightSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;alignContentLeftTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignContentFlexStartTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignContentLeftUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;alignContentFlexStartUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignContentFlexEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentSpaceBetweenLeft&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentSpaceAroundCenter&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentSpaceEvenlyRight&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentStretchStartSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;alignContentSpaceAroundEndTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignContentSpaceAroundEndUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignContentSpaceEvenlyFlexStartSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;div id=&quot;alignContentSpaceBetweenSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentSpaceBetweenStretch&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignContentSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;alignContentRightSafeTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignContentRightSafeUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignContentCenterLeft&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;script src=&quot;resources/alignment-parsing-utils.js&quot;&gt;&lt;/script&gt;
</span><span class="lines">@@ -214,20 +214,20 @@
</span><span class="cx"> var alignContentFlexEnd = document.getElementById(&quot;alignContentFlexEnd&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentFlexEnd, '').getPropertyValue('align-content')&quot;, &quot;flex-end&quot;);
</span><span class="cx"> 
</span><del>-var alignContentEndTrue = document.getElementById(&quot;alignContentEndTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(alignContentEndTrue, '').getPropertyValue('align-content')&quot;, &quot;end true&quot;);
</del><ins>+var alignContentEndUnsafe = document.getElementById(&quot;alignContentEndUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(alignContentEndUnsafe, '').getPropertyValue('align-content')&quot;, &quot;end unsafe&quot;);
</ins><span class="cx"> 
</span><del>-var alignContentCenterTrue = document.getElementById(&quot;alignContentCenterTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(alignContentCenterTrue, '').getPropertyValue('align-content')&quot;, &quot;center true&quot;);
</del><ins>+var alignContentCenterUnsafe = document.getElementById(&quot;alignContentCenterUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(alignContentCenterUnsafe, '').getPropertyValue('align-content')&quot;, &quot;center unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var alignContentRightSafe = document.getElementById(&quot;alignContentRightSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentRightSafe, '').getPropertyValue('align-content')&quot;, &quot;right safe&quot;);
</span><span class="cx"> 
</span><del>-var alignContentLeftTrue = document.getElementById(&quot;alignContentLeftTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(alignContentLeftTrue, '').getPropertyValue('align-content')&quot;, &quot;left true&quot;);
</del><ins>+var alignContentLeftUnsafe = document.getElementById(&quot;alignContentLeftUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(alignContentLeftUnsafe, '').getPropertyValue('align-content')&quot;, &quot;left unsafe&quot;);
</ins><span class="cx"> 
</span><del>-var alignContentFlexStartTrue = document.getElementById(&quot;alignContentFlexStartTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(alignContentFlexStartTrue, '').getPropertyValue('align-content')&quot;, &quot;flex-start true&quot;);
</del><ins>+var alignContentFlexStartUnsafe = document.getElementById(&quot;alignContentFlexStartUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(alignContentFlexStartUnsafe, '').getPropertyValue('align-content')&quot;, &quot;flex-start unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var alignContentFlexEndSafe = document.getElementById(&quot;alignContentFlexEndSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentFlexEndSafe, '').getPropertyValue('align-content')&quot;, &quot;flex-end safe&quot;);
</span><span class="lines">@@ -244,8 +244,8 @@
</span><span class="cx"> var alignContentStretchStartSafe = document.getElementById(&quot;alignContentStretchStartSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentStretchStartSafe, '').getPropertyValue('align-content')&quot;, &quot;stretch start safe&quot;);
</span><span class="cx"> 
</span><del>-var alignContentSpaceAroundEndTrue = document.getElementById(&quot;alignContentSpaceAroundEndTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(alignContentSpaceAroundEndTrue, '').getPropertyValue('align-content')&quot;, &quot;space-around end true&quot;);
</del><ins>+var alignContentSpaceAroundEndUnsafe = document.getElementById(&quot;alignContentSpaceAroundEndUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(alignContentSpaceAroundEndUnsafe, '').getPropertyValue('align-content')&quot;, &quot;space-around end unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var alignContentSpaceEvenlyFlexStartSafe = document.getElementById(&quot;alignContentSpaceEvenlyFlexStartSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('align-content')&quot;, &quot;space-evenly flex-start safe&quot;);
</span><span class="lines">@@ -253,16 +253,16 @@
</span><span class="cx"> var alignContentSpaceBetweenSafe = document.getElementById(&quot;alignContentSpaceBetweenSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentSpaceBetweenSafe, '').getPropertyValue('align-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><del>-var alignContentSpaceAroundTrue = document.getElementById(&quot;alignContentSpaceBetweenStretch&quot;);
</del><ins>+var alignContentSpaceAroundUnsafe = document.getElementById(&quot;alignContentSpaceBetweenStretch&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentSpaceBetweenStretch, '').getPropertyValue('align-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><del>-var alignContentSpaceAroundTrue = document.getElementById(&quot;alignContentSafe&quot;);
</del><ins>+var alignContentSpaceAroundUnsafe = document.getElementById(&quot;alignContentSafe&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentSafe, '').getPropertyValue('align-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><del>-var alignContentSpaceAroundTrue = document.getElementById(&quot;alignContentRightSafeTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(alignContentRightSafeTrue, '').getPropertyValue('align-content')&quot;, &quot;start&quot;);
</del><ins>+var alignContentSpaceAroundUnsafe = document.getElementById(&quot;alignContentRightSafeUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(alignContentRightSafeUnsafe, '').getPropertyValue('align-content')&quot;, &quot;start&quot;);
</ins><span class="cx"> 
</span><del>-var alignContentSpaceAroundTrue = document.getElementById(&quot;alignContentCenterLeft&quot;);
</del><ins>+var alignContentSpaceAroundUnsafe = document.getElementById(&quot;alignContentCenterLeft&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(alignContentCenterLeft, '').getPropertyValue('align-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="lines">@@ -278,8 +278,8 @@
</span><span class="cx"> element.style.alignContent = &quot;center&quot;;
</span><span class="cx"> checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;center&quot;, &quot;center&quot;);
</span><span class="cx"> 
</span><del>-element.style.alignContent = &quot;true start&quot;;
-checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;start true&quot;, &quot;start true&quot;);
</del><ins>+element.style.alignContent = &quot;unsafe start&quot;;
+checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;start unsafe&quot;, &quot;start unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.alignContent = &quot;flex-end safe&quot;;
</span><span class="cx"> checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;flex-end safe&quot;, &quot;flex-end safe&quot;);
</span><span class="lines">@@ -290,8 +290,8 @@
</span><span class="cx"> element.style.alignContent = &quot;stretch center&quot;;
</span><span class="cx"> checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;stretch center&quot;, &quot;stretch center&quot;);
</span><span class="cx"> 
</span><del>-element.style.alignContent = &quot;right true&quot;;
-checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;right true&quot;, &quot;right true&quot;);
</del><ins>+element.style.alignContent = &quot;right unsafe&quot;;
+checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;right unsafe&quot;, &quot;right unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.alignContent = &quot;auto&quot;;
</span><span class="cx"> checkValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;auto&quot;, &quot;start&quot;);
</span><span class="lines">@@ -313,25 +313,25 @@
</span><span class="cx"> document.body.appendChild(element);
</span><span class="cx"> 
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;&quot;);
</span><del>-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;true auto&quot;);
</del><ins>+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;unsafe auto&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;auto safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;auto left&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;baseline safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;last baseline center&quot;);
</span><del>-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;true true&quot;);
-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;true safe&quot;);
</del><ins>+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;unsafe unsafe&quot;);
+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;center start&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;baseline safe&quot;);
</span><del>-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;true baseline&quot;);
-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;true safe left&quot;);
-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;true left safe&quot;);
-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;left safe true safe&quot;);
</del><ins>+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;unsafe baseline&quot;);
+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;unsafe safe left&quot;);
+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;unsafe left safe&quot;);
+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;left safe unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;start right space-between&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;safe stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;space-around stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;end space-between start&quot;);
</span><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;right safe left&quot;);
</span><del>-checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;true&quot;);
</del><ins>+checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;alignContent&quot;, &quot;align-content&quot;,  &quot;safe&quot;);
</span><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="lines">@@ -347,7 +347,7 @@
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'initial' for flex containers&quot;);
</span><span class="cx"> element.style.display = &quot;-webkit-flex&quot;;
</span><del>-checkInitialValues(element, &quot;alignContent&quot;, &quot;align-content&quot;, &quot;right true&quot;, &quot;stretch&quot;);
</del><ins>+checkInitialValues(element, &quot;alignContent&quot;, &quot;align-content&quot;, &quot;right unsafe&quot;, &quot;stretch&quot;);
</ins><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'inherit'&quot;);
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsealignitemsexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-align-items-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-items-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-align-items-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -16,13 +16,13 @@
</span><span class="cx"> PASS getComputedStyle(alignItemsRight, '').getPropertyValue('-webkit-align-items') is 'right'
</span><span class="cx"> PASS getComputedStyle(alignItemsFlexStart, '').getPropertyValue('-webkit-align-items') is 'flex-start'
</span><span class="cx"> PASS getComputedStyle(alignItemsFlexEnd, '').getPropertyValue('-webkit-align-items') is 'flex-end'
</span><del>-PASS getComputedStyle(alignItemsEndTrue, '').getPropertyValue('-webkit-align-items') is 'end true'
-PASS getComputedStyle(alignItemsCenterTrue, '').getPropertyValue('-webkit-align-items') is 'center true'
</del><ins>+PASS getComputedStyle(alignItemsEndUnsafe, '').getPropertyValue('-webkit-align-items') is 'end unsafe'
+PASS getComputedStyle(alignItemsCenterUnsafe, '').getPropertyValue('-webkit-align-items') is 'center unsafe'
</ins><span class="cx"> PASS getComputedStyle(alignItemsSelfEndSafe, '').getPropertyValue('-webkit-align-items') is 'self-end safe'
</span><span class="cx"> PASS getComputedStyle(alignItemsSelfStartSafe, '').getPropertyValue('-webkit-align-items') is 'self-start safe'
</span><span class="cx"> PASS getComputedStyle(alignItemsRightSafe, '').getPropertyValue('-webkit-align-items') is 'right safe'
</span><del>-PASS getComputedStyle(alignItemsLeftTrue, '').getPropertyValue('-webkit-align-items') is 'left true'
-PASS getComputedStyle(alignItemsFlexStartTrue, '').getPropertyValue('-webkit-align-items') is 'flex-start true'
</del><ins>+PASS getComputedStyle(alignItemsLeftUnsafe, '').getPropertyValue('-webkit-align-items') is 'left unsafe'
+PASS getComputedStyle(alignItemsFlexStartUnsafe, '').getPropertyValue('-webkit-align-items') is 'flex-start unsafe'
</ins><span class="cx"> PASS getComputedStyle(alignItemsFlexEndSafe, '').getPropertyValue('-webkit-align-items') is 'flex-end safe'
</span><span class="cx"> 
</span><span class="cx"> Test initial value of align-items through JS
</span><span class="lines">@@ -31,8 +31,8 @@
</span><span class="cx"> Test getting and setting align-items through JS
</span><span class="cx"> PASS element.style.webkitAlignItems is &quot;center&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center&quot;
</span><del>-PASS element.style.webkitAlignItems is &quot;start true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start true&quot;
</del><ins>+PASS element.style.webkitAlignItems is &quot;start unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;start unsafe&quot;
</ins><span class="cx"> PASS element.style.webkitAlignItems is &quot;flex-end safe&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;flex-end safe&quot;
</span><span class="cx"> PASS element.style.webkitAlignItems is &quot;right&quot;
</span><span class="lines">@@ -113,8 +113,8 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;stretch&quot;
</span><span class="cx"> 
</span><span class="cx"> Test the value 'initial' for flex containers
</span><del>-PASS element.style.webkitAlignItems is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;right true&quot;
</del><ins>+PASS element.style.webkitAlignItems is &quot;right unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;right unsafe&quot;
</ins><span class="cx"> PASS element.style.webkitAlignItems is &quot;initial&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;stretch&quot;
</span><span class="cx"> 
</span><span class="lines">@@ -127,10 +127,10 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;left safe&quot;
</span><span class="cx"> PASS element.style.webkitAlignItems is &quot;inherit&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;left safe&quot;
</span><del>-PASS element.style.webkitAlignItems is &quot;center true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center true&quot;
</del><ins>+PASS element.style.webkitAlignItems is &quot;center unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center unsafe&quot;
</ins><span class="cx"> PASS element.style.webkitAlignItems is &quot;inherit&quot;
</span><del>-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center true&quot;
</del><ins>+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is &quot;center unsafe&quot;
</ins><span class="cx"> PASS successfullyParsed is true
</span><span class="cx"> 
</span><span class="cx"> TEST COMPLETE
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsealignitemshtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-align-items.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-items.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-align-items.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -50,12 +50,12 @@
</span><span class="cx">     -webkit-align-items: flex-end;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignItemsEndTrue {
-    -webkit-align-items: end true;
</del><ins>+#alignItemsEndUnsafe {
+    -webkit-align-items: end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignItemsCenterTrue {
-    -webkit-align-items: center true;
</del><ins>+#alignItemsCenterUnsafe {
+    -webkit-align-items: center unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignItemsSelfEndSafe {
</span><span class="lines">@@ -70,12 +70,12 @@
</span><span class="cx">     -webkit-align-items: right safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignItemsLeftTrue {
-    -webkit-align-items: left true;
</del><ins>+#alignItemsLeftUnsafe {
+    -webkit-align-items: left unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignItemsFlexStartTrue {
-    -webkit-align-items: flex-start true;
</del><ins>+#alignItemsFlexStartUnsafe {
+    -webkit-align-items: flex-start unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignItemsFlexEndSafe {
</span><span class="lines">@@ -99,13 +99,13 @@
</span><span class="cx"> &lt;div id=&quot;alignItemsFlexStart&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignItemsFlexEnd&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><del>-&lt;div id=&quot;alignItemsEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsCenterTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignItemsEndUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;alignItemsCenterUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignItemsSelfEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignItemsSelfStartSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignItemsRightSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;alignItemsLeftTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignItemsFlexStartTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignItemsLeftUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;alignItemsFlexStartUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignItemsFlexEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;script src=&quot;resources/alignment-parsing-utils.js&quot;&gt;&lt;/script&gt;
</span><span class="cx"> &lt;script&gt;
</span><span class="lines">@@ -148,11 +148,11 @@
</span><span class="cx"> var alignItemsFlexEnd = document.getElementById(&quot;alignItemsFlexEnd&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignItemsFlexEnd, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-end'&quot;);
</span><span class="cx"> 
</span><del>-var alignItemsEndTrue = document.getElementById(&quot;alignItemsEndTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsEndTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'end true'&quot;);
</del><ins>+var alignItemsEndUnsafe = document.getElementById(&quot;alignItemsEndUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignItemsEndUnsafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'end unsafe'&quot;);
</ins><span class="cx"> 
</span><del>-var alignItemsCenterTrue = document.getElementById(&quot;alignItemsCenterTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsCenterTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'center true'&quot;);
</del><ins>+var alignItemsCenterUnsafe = document.getElementById(&quot;alignItemsCenterUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignItemsCenterUnsafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'center unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var alignItemsSelfEndSafe = document.getElementById(&quot;alignItemsSelfEndSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignItemsSelfEndSafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'self-end safe'&quot;);
</span><span class="lines">@@ -163,11 +163,11 @@
</span><span class="cx"> var alignItemsRightSafe = document.getElementById(&quot;alignItemsRightSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignItemsRightSafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'right safe'&quot;);
</span><span class="cx"> 
</span><del>-var alignItemsLeftTrue = document.getElementById(&quot;alignItemsLeftTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsLeftTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'left true'&quot;);
</del><ins>+var alignItemsLeftUnsafe = document.getElementById(&quot;alignItemsLeftUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignItemsLeftUnsafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'left unsafe'&quot;);
</ins><span class="cx"> 
</span><del>-var alignItemsFlexStartTrue = document.getElementById(&quot;alignItemsFlexStartTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignItemsFlexStartTrue, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-start true'&quot;);
</del><ins>+var alignItemsFlexStartUnsafe = document.getElementById(&quot;alignItemsFlexStartUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignItemsFlexStartUnsafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-start unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var alignItemsFlexEndSafe = document.getElementById(&quot;alignItemsFlexEndSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignItemsFlexEndSafe, '').getPropertyValue('-webkit-align-items')&quot;, &quot;'flex-end safe'&quot;);
</span><span class="lines">@@ -185,8 +185,8 @@
</span><span class="cx"> element.style.webkitAlignItems = &quot;center&quot;;
</span><span class="cx"> checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;center&quot;, &quot;center&quot;);
</span><span class="cx"> 
</span><del>-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;);
</del><ins>+element.style.webkitAlignItems = &quot;unsafe start&quot;;
+checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;start unsafe&quot;, &quot;start unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.webkitAlignItems = &quot;flex-end safe&quot;;
</span><span class="cx"> checkValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;flex-end safe&quot;, &quot;flex-end safe&quot;);
</span><span class="lines">@@ -219,26 +219,26 @@
</span><span class="cx"> element = document.createElement(&quot;div&quot;);
</span><span class="cx"> document.body.appendChild(element);
</span><span class="cx"> 
</span><del>-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;true auto&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;unsafe auto&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;auto safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;auto left&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;baseline safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;baseline center&quot;);
</span><del>-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch true&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch right&quot;);
</span><del>-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;);
</del><ins>+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;unsafe unsafe&quot;);
+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;center start&quot;);
</span><del>-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch true&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;stretch unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;safe stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;baseline safe&quot;);
</span><del>-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;);
</del><ins>+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;unsafe baseline&quot;);
+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;unsafe safe left&quot;);
+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;unsafe left safe&quot;);
+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;left safe unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy start&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy end&quot;);
</span><del>-checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy right true&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy right unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy auto&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;,  &quot;legacy&quot;);
</span><span class="lines">@@ -257,13 +257,13 @@
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'initial' for flex containers&quot;);
</span><span class="cx"> element.style.display = &quot;-webkit-flex&quot;;
</span><del>-checkInitialValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;right true&quot;, &quot;stretch&quot;);
</del><ins>+checkInitialValues(element, &quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;right unsafe&quot;, &quot;stretch&quot;);
</ins><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'inherit'&quot;);
</span><span class="cx"> checkInheritValues(&quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;end&quot;);
</span><span class="cx"> checkInheritValues(&quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;left safe&quot;);
</span><del>-checkInheritValues(&quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;center true&quot;);
</del><ins>+checkInheritValues(&quot;webkitAlignItems&quot;, &quot;-webkit-align-items&quot;, &quot;center unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> &lt;/script&gt;
</span><span class="cx"> &lt;/body&gt;
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsealignselfexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-align-self-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-self-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-align-self-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -16,13 +16,13 @@
</span><span class="cx"> PASS getComputedStyle(alignSelfRight, '').getPropertyValue('-webkit-align-self') is 'right'
</span><span class="cx"> PASS getComputedStyle(alignSelfFlexStart, '').getPropertyValue('-webkit-align-self') is 'flex-start'
</span><span class="cx"> PASS getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('-webkit-align-self') is 'flex-end'
</span><del>-PASS getComputedStyle(alignSelfEndTrue, '').getPropertyValue('-webkit-align-self') is 'end true'
-PASS getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('-webkit-align-self') is 'center true'
</del><ins>+PASS getComputedStyle(alignSelfEndUnsafe, '').getPropertyValue('-webkit-align-self') is 'end unsafe'
+PASS getComputedStyle(alignSelfCenterUnsafe, '').getPropertyValue('-webkit-align-self') is 'center unsafe'
</ins><span class="cx"> PASS getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('-webkit-align-self') is 'self-end safe'
</span><span class="cx"> PASS getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('-webkit-align-self') is 'self-start safe'
</span><span class="cx"> PASS getComputedStyle(alignSelfRightSafe, '').getPropertyValue('-webkit-align-self') is 'right safe'
</span><del>-PASS getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('-webkit-align-self') is 'left true'
-PASS getComputedStyle(alignSelfFlexStartTrue, '').getPropertyValue('-webkit-align-self') is 'flex-start true'
</del><ins>+PASS getComputedStyle(alignSelfLeftUnsafe, '').getPropertyValue('-webkit-align-self') is 'left unsafe'
+PASS getComputedStyle(alignSelfFlexStartUnsafe, '').getPropertyValue('-webkit-align-self') is 'flex-start unsafe'
</ins><span class="cx"> PASS getComputedStyle(alignSelfFlexEndSafe, '').getPropertyValue('-webkit-align-self') is 'flex-end safe'
</span><span class="cx"> 
</span><span class="cx"> Test initial value of align-self through JS
</span><span class="lines">@@ -31,8 +31,8 @@
</span><span class="cx"> Test getting and setting align-self through JS
</span><span class="cx"> PASS element.style.webkitAlignSelf is &quot;center&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center&quot;
</span><del>-PASS element.style.webkitAlignSelf is &quot;start true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start true&quot;
</del><ins>+PASS element.style.webkitAlignSelf is &quot;start unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;start unsafe&quot;
</ins><span class="cx"> PASS element.style.webkitAlignSelf is &quot;flex-end safe&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;flex-end safe&quot;
</span><span class="cx"> PASS element.style.webkitAlignSelf is &quot;right&quot;
</span><span class="lines">@@ -113,8 +113,8 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
</span><span class="cx"> 
</span><span class="cx"> Test the value 'initial' for flex containers
</span><del>-PASS element.style.webkitAlignSelf is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;right true&quot;
</del><ins>+PASS element.style.webkitAlignSelf is &quot;right unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;right unsafe&quot;
</ins><span class="cx"> PASS element.style.webkitAlignSelf is &quot;initial&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;stretch&quot;
</span><span class="cx"> 
</span><span class="lines">@@ -145,10 +145,10 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;left safe&quot;
</span><span class="cx"> PASS element.style.webkitAlignSelf is &quot;inherit&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;left safe&quot;
</span><del>-PASS element.style.webkitAlignSelf is &quot;center true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center true&quot;
</del><ins>+PASS element.style.webkitAlignSelf is &quot;center unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center unsafe&quot;
</ins><span class="cx"> PASS element.style.webkitAlignSelf is &quot;inherit&quot;
</span><del>-PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center true&quot;
</del><ins>+PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is &quot;center unsafe&quot;
</ins><span class="cx"> PASS successfullyParsed is true
</span><span class="cx"> 
</span><span class="cx"> TEST COMPLETE
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsealignselfhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-align-self.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-align-self.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-align-self.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -50,12 +50,12 @@
</span><span class="cx">     -webkit-align-self: flex-end;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignSelfEndTrue {
-    -webkit-align-self: end true;
</del><ins>+#alignSelfEndUnsafe {
+    -webkit-align-self: end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignSelfCenterTrue {
-    -webkit-align-self: center true;
</del><ins>+#alignSelfCenterUnsafe {
+    -webkit-align-self: center unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignSelfSelfEndSafe {
</span><span class="lines">@@ -70,12 +70,12 @@
</span><span class="cx">     -webkit-align-self: right safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignSelfLeftTrue {
-    -webkit-align-self: left true;
</del><ins>+#alignSelfLeftUnsafe {
+    -webkit-align-self: left unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#alignSelfFlexStartTrue {
-    -webkit-align-self: flex-start true;
</del><ins>+#alignSelfFlexStartUnsafe {
+    -webkit-align-self: flex-start unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #alignSelfFlexEndSafe {
</span><span class="lines">@@ -98,13 +98,13 @@
</span><span class="cx"> &lt;div id=&quot;alignSelfFlexStart&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignSelfFlexEnd&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><del>-&lt;div id=&quot;alignSelfEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfCenterTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignSelfEndUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;alignSelfCenterUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignSelfSelfEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignSelfSelfStartSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;alignSelfRightSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;alignSelfLeftTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;alignSelfFlexStartTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;alignSelfLeftUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;alignSelfFlexStartUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;alignSelfFlexEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;script src=&quot;resources/alignment-parsing-utils.js&quot;&gt;&lt;/script&gt;
</span><span class="cx"> &lt;script&gt;
</span><span class="lines">@@ -147,11 +147,11 @@
</span><span class="cx"> var alignSelfFlexEnd = document.getElementById(&quot;alignSelfFlexEnd&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-end'&quot;);
</span><span class="cx"> 
</span><del>-var alignSelfEndTrue = document.getElementById(&quot;alignSelfEndTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfEndTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'end true'&quot;);
</del><ins>+var alignSelfEndUnsafe = document.getElementById(&quot;alignSelfEndUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignSelfEndUnsafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'end unsafe'&quot;);
</ins><span class="cx"> 
</span><del>-var alignSelfCenterTrue = document.getElementById(&quot;alignSelfCenterTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'center true'&quot;);
</del><ins>+var alignSelfCenterUnsafe = document.getElementById(&quot;alignSelfCenterUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignSelfCenterUnsafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'center unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var alignSelfSelfEndSafe = document.getElementById(&quot;alignSelfSelfEndSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'self-end safe'&quot;);
</span><span class="lines">@@ -162,11 +162,11 @@
</span><span class="cx"> var alignSelfRightSafe = document.getElementById(&quot;alignSelfRightSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignSelfRightSafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'right safe'&quot;);
</span><span class="cx"> 
</span><del>-var alignSelfLeftTrue = document.getElementById(&quot;alignSelfLeftTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'left true'&quot;);
</del><ins>+var alignSelfLeftUnsafe = document.getElementById(&quot;alignSelfLeftUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignSelfLeftUnsafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'left unsafe'&quot;);
</ins><span class="cx"> 
</span><del>-var alignSelfFlexStartTrue = document.getElementById(&quot;alignSelfFlexStartTrue&quot;);
-shouldBe(&quot;getComputedStyle(alignSelfFlexStartTrue, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-start true'&quot;);
</del><ins>+var alignSelfFlexStartUnsafe = document.getElementById(&quot;alignSelfFlexStartUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(alignSelfFlexStartUnsafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-start unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var alignSelfFlexEndSafe = document.getElementById(&quot;alignSelfFlexEndSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(alignSelfFlexEndSafe, '').getPropertyValue('-webkit-align-self')&quot;, &quot;'flex-end safe'&quot;);
</span><span class="lines">@@ -186,8 +186,8 @@
</span><span class="cx"> element.style.webkitAlignSelf = &quot;center&quot;;
</span><span class="cx"> checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;center&quot;, &quot;center&quot;);
</span><span class="cx"> 
</span><del>-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;);
</del><ins>+element.style.webkitAlignSelf = &quot;unsafe start&quot;;
+checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;start unsafe&quot;, &quot;start unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.webkitAlignSelf = &quot;flex-end safe&quot;;
</span><span class="cx"> checkValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;flex-end safe&quot;, &quot;flex-end safe&quot;);
</span><span class="lines">@@ -222,26 +222,26 @@
</span><span class="cx"> container.appendChild(element);
</span><span class="cx"> document.body.appendChild(container);
</span><span class="cx"> 
</span><del>-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;true auto&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;unsafe auto&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;auto safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;auto left&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;baseline safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;baseline center&quot;);
</span><del>-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch true&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch right&quot;);
</span><del>-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;);
</del><ins>+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;unsafe unsafe&quot;);
+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;center start&quot;);
</span><del>-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch true&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;stretch unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;safe stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;baseline safe&quot;);
</span><del>-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;);
</del><ins>+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;unsafe baseline&quot;);
+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;unsafe safe left&quot;);
+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;unsafe left safe&quot;);
+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;left safe unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy start&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy end&quot;);
</span><del>-checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy right true&quot;);
</del><ins>+checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy right unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy auto&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;,  &quot;legacy&quot;);
</span><span class="lines">@@ -260,7 +260,7 @@
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'initial' for flex containers&quot;);
</span><span class="cx"> container.style.display = &quot;-webkit-flex&quot;;
</span><del>-checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;right true&quot;, &quot;stretch&quot;);
</del><ins>+checkInitialValues(element, &quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;right unsafe&quot;, &quot;stretch&quot;);
</ins><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'initial' for positioned elements&quot;);
</span><span class="lines">@@ -284,7 +284,7 @@
</span><span class="cx"> debug(&quot;Test the value 'inherit'&quot;);
</span><span class="cx"> checkInheritValues(&quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;end&quot;);
</span><span class="cx"> checkInheritValues(&quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;left safe&quot;);
</span><del>-checkInheritValues(&quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;center true&quot;);
</del><ins>+checkInheritValues(&quot;webkitAlignSelf&quot;, &quot;-webkit-align-self&quot;, &quot;center unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> &lt;/script&gt;
</span><span class="cx"> &lt;/body&gt;
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsejustifycontentexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-justify-content-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-justify-content-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-justify-content-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -18,22 +18,22 @@
</span><span class="cx"> PASS getComputedStyle(justifyContentRight, '').getPropertyValue('justify-content') is &quot;right&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentFlexStart, '').getPropertyValue('justify-content') is &quot;flex-start&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentFlexEnd, '').getPropertyValue('justify-content') is &quot;flex-end&quot;
</span><del>-PASS getComputedStyle(justifyContentEndTrue, '').getPropertyValue('justify-content') is &quot;end true&quot;
-PASS getComputedStyle(justifyContentCenterTrue, '').getPropertyValue('justify-content') is &quot;center true&quot;
</del><ins>+PASS getComputedStyle(justifyContentEndUnsafe, '').getPropertyValue('justify-content') is &quot;end unsafe&quot;
+PASS getComputedStyle(justifyContentCenterUnsafe, '').getPropertyValue('justify-content') is &quot;center unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(justifyContentRightSafe, '').getPropertyValue('justify-content') is &quot;right safe&quot;
</span><del>-PASS getComputedStyle(justifyContentLeftTrue, '').getPropertyValue('justify-content') is &quot;left true&quot;
-PASS getComputedStyle(justifyContentFlexStartTrue, '').getPropertyValue('justify-content') is &quot;flex-start true&quot;
</del><ins>+PASS getComputedStyle(justifyContentLeftUnsafe, '').getPropertyValue('justify-content') is &quot;left unsafe&quot;
+PASS getComputedStyle(justifyContentFlexStartUnsafe, '').getPropertyValue('justify-content') is &quot;flex-start unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(justifyContentFlexEndSafe, '').getPropertyValue('justify-content') is &quot;flex-end safe&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentSpaceBetweenLeft, '').getPropertyValue('justify-content') is &quot;space-between left&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentSpaceAroundCenter, '').getPropertyValue('justify-content') is &quot;space-around center&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentSpaceEvenlyRight, '').getPropertyValue('justify-content') is &quot;space-evenly right&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentStretchStartSafe, '').getPropertyValue('justify-content') is &quot;stretch start safe&quot;
</span><del>-PASS getComputedStyle(justifyContentSpaceAroundEndTrue, '').getPropertyValue('justify-content') is &quot;space-around end true&quot;
</del><ins>+PASS getComputedStyle(justifyContentSpaceAroundEndUnsafe, '').getPropertyValue('justify-content') is &quot;space-around end unsafe&quot;
</ins><span class="cx"> PASS getComputedStyle(justifyContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('justify-content') is &quot;space-evenly flex-start safe&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentSpaceBetweenSafe, '').getPropertyValue('justify-content') is &quot;start&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentSpaceBetweenStretch, '').getPropertyValue('justify-content') is &quot;start&quot;
</span><span class="cx"> PASS getComputedStyle(justifyContentSafe, '').getPropertyValue('justify-content') is &quot;start&quot;
</span><del>-PASS getComputedStyle(justifyContentRightSafeTrue, '').getPropertyValue('justify-content') is &quot;start&quot;
</del><ins>+PASS getComputedStyle(justifyContentRightSafeUnsafe, '').getPropertyValue('justify-content') is &quot;start&quot;
</ins><span class="cx"> PASS getComputedStyle(justifyContentCenterLeft, '').getPropertyValue('justify-content') is &quot;start&quot;
</span><span class="cx"> 
</span><span class="cx"> Test initial value of justify-content through JS
</span><span class="lines">@@ -42,16 +42,16 @@
</span><span class="cx"> Test getting and setting justify-content through JS
</span><span class="cx"> PASS element.style.justifyContent is &quot;center&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;center&quot;
</span><del>-PASS element.style.justifyContent is &quot;start true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;start true&quot;
</del><ins>+PASS element.style.justifyContent is &quot;start unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;start unsafe&quot;
</ins><span class="cx"> PASS element.style.justifyContent is &quot;flex-end safe&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;flex-end safe&quot;
</span><span class="cx"> PASS element.style.justifyContent is &quot;space-between right safe&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;space-between right safe&quot;
</span><span class="cx"> PASS element.style.justifyContent is &quot;stretch center&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;stretch center&quot;
</span><del>-PASS element.style.justifyContent is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;right true&quot;
</del><ins>+PASS element.style.justifyContent is &quot;right unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;right unsafe&quot;
</ins><span class="cx"> PASS element.style.justifyContent is &quot;auto&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;start&quot;
</span><span class="cx"> PASS element.style.justifyContent is &quot;auto&quot;
</span><span class="lines">@@ -118,8 +118,8 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;start&quot;
</span><span class="cx"> 
</span><span class="cx"> Test the value 'initial' for flex containers
</span><del>-PASS element.style.justifyContent is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;right true&quot;
</del><ins>+PASS element.style.justifyContent is &quot;right unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;right unsafe&quot;
</ins><span class="cx"> PASS element.style.justifyContent is &quot;initial&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is &quot;stretch&quot;
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestscss3parsejustifycontenthtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/css3/parse-justify-content.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/css3/parse-justify-content.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/css3/parse-justify-content.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -58,24 +58,24 @@
</span><span class="cx">     justify-content: flex-end;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyContentEndTrue {
-    justify-content: end true;
</del><ins>+#justifyContentEndUnsafe {
+    justify-content: end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyContentCenterTrue {
-    justify-content: center true;
</del><ins>+#justifyContentCenterUnsafe {
+    justify-content: center unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #justifyContentRightSafe {
</span><span class="cx">     justify-content: right safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyContentLeftTrue {
-    justify-content: left true;
</del><ins>+#justifyContentLeftUnsafe {
+    justify-content: left unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyContentFlexStartTrue {
-    justify-content: flex-start true;
</del><ins>+#justifyContentFlexStartUnsafe {
+    justify-content: flex-start unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #justifyContentFlexEndSafe {
</span><span class="lines">@@ -98,8 +98,8 @@
</span><span class="cx">     justify-content: stretch start safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyContentSpaceAroundEndTrue {
-    justify-content: space-around end true;
</del><ins>+#justifyContentSpaceAroundEndUnsafe {
+    justify-content: space-around end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #justifyContentSpaceEvenlyFlexStartSafe {
</span><span class="lines">@@ -119,8 +119,8 @@
</span><span class="cx">     justify-content: safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyContentRightSafeTrue {
-    justify-content: right safe true;
</del><ins>+#justifyContentRightSafeUnsafe {
+    justify-content: right safe unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #justifyContentCenterLeft {
</span><span class="lines">@@ -144,23 +144,23 @@
</span><span class="cx"> &lt;div id=&quot;justifyContentRight&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentFlexStart&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentFlexEnd&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;justifyContentEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;justifyContentCenterTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifyContentEndUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;justifyContentCenterUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;justifyContentRightSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;justifyContentLeftTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;justifyContentFlexStartTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifyContentLeftUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;justifyContentFlexStartUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;justifyContentFlexEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentSpaceBetweenLeft&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentSpaceAroundCenter&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentSpaceEvenlyRight&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentStretchStartSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;justifyContentSpaceAroundEndTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifyContentSpaceAroundEndUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;justifyContentSpaceEvenlyFlexStartSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;div id=&quot;justifyContentSpaceBetweenSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentSpaceBetweenStretch&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyContentSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;justifyContentRightSafeTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifyContentRightSafeUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;justifyContentCenterLeft&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;script src=&quot;resources/alignment-parsing-utils.js&quot;&gt;&lt;/script&gt;
</span><span class="lines">@@ -210,20 +210,20 @@
</span><span class="cx"> var justifyContentFlexEnd = document.getElementById(&quot;justifyContentFlexEnd&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentFlexEnd, '').getPropertyValue('justify-content')&quot;, &quot;flex-end&quot;);
</span><span class="cx"> 
</span><del>-var justifyContentEndTrue = document.getElementById(&quot;justifyContentEndTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(justifyContentEndTrue, '').getPropertyValue('justify-content')&quot;, &quot;end true&quot;);
</del><ins>+var justifyContentEndUnsafe = document.getElementById(&quot;justifyContentEndUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(justifyContentEndUnsafe, '').getPropertyValue('justify-content')&quot;, &quot;end unsafe&quot;);
</ins><span class="cx"> 
</span><del>-var justifyContentCenterTrue = document.getElementById(&quot;justifyContentCenterTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(justifyContentCenterTrue, '').getPropertyValue('justify-content')&quot;, &quot;center true&quot;);
</del><ins>+var justifyContentCenterUnsafe = document.getElementById(&quot;justifyContentCenterUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(justifyContentCenterUnsafe, '').getPropertyValue('justify-content')&quot;, &quot;center unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var justifyContentRightSafe = document.getElementById(&quot;justifyContentRightSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentRightSafe, '').getPropertyValue('justify-content')&quot;, &quot;right safe&quot;);
</span><span class="cx"> 
</span><del>-var justifyContentLeftTrue = document.getElementById(&quot;justifyContentLeftTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(justifyContentLeftTrue, '').getPropertyValue('justify-content')&quot;, &quot;left true&quot;);
</del><ins>+var justifyContentLeftUnsafe = document.getElementById(&quot;justifyContentLeftUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(justifyContentLeftUnsafe, '').getPropertyValue('justify-content')&quot;, &quot;left unsafe&quot;);
</ins><span class="cx"> 
</span><del>-var justifyContentFlexStartTrue = document.getElementById(&quot;justifyContentFlexStartTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(justifyContentFlexStartTrue, '').getPropertyValue('justify-content')&quot;, &quot;flex-start true&quot;);
</del><ins>+var justifyContentFlexStartUnsafe = document.getElementById(&quot;justifyContentFlexStartUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(justifyContentFlexStartUnsafe, '').getPropertyValue('justify-content')&quot;, &quot;flex-start unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var justifyContentFlexEndSafe = document.getElementById(&quot;justifyContentFlexEndSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentFlexEndSafe, '').getPropertyValue('justify-content')&quot;, &quot;flex-end safe&quot;);
</span><span class="lines">@@ -240,8 +240,8 @@
</span><span class="cx"> var justifyContentStretchStartSafe = document.getElementById(&quot;justifyContentStretchStartSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentStretchStartSafe, '').getPropertyValue('justify-content')&quot;, &quot;stretch start safe&quot;);
</span><span class="cx"> 
</span><del>-var justifyContentSpaceAroundEndTrue = document.getElementById(&quot;justifyContentSpaceAroundEndTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(justifyContentSpaceAroundEndTrue, '').getPropertyValue('justify-content')&quot;, &quot;space-around end true&quot;);
</del><ins>+var justifyContentSpaceAroundEndUnsafe = document.getElementById(&quot;justifyContentSpaceAroundEndUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(justifyContentSpaceAroundEndUnsafe, '').getPropertyValue('justify-content')&quot;, &quot;space-around end unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var justifyContentSpaceEvenlyFlexStartSafe = document.getElementById(&quot;justifyContentSpaceEvenlyFlexStartSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('justify-content')&quot;, &quot;space-evenly flex-start safe&quot;);
</span><span class="lines">@@ -249,16 +249,16 @@
</span><span class="cx"> var justifyContentSpaceBetweenSafe = document.getElementById(&quot;justifyContentSpaceBetweenSafe&quot;);
</span><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentSpaceBetweenSafe, '').getPropertyValue('justify-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><del>-var justifyContentSpaceAroundTrue = document.getElementById(&quot;justifyContentSpaceBetweenStretch&quot;);
</del><ins>+var justifyContentSpaceAroundUnsafe = document.getElementById(&quot;justifyContentSpaceBetweenStretch&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentSpaceBetweenStretch, '').getPropertyValue('justify-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><del>-var justifyContentSpaceAroundTrue = document.getElementById(&quot;justifyContentSafe&quot;);
</del><ins>+var justifyContentSpaceAroundUnsafe = document.getElementById(&quot;justifyContentSafe&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentSafe, '').getPropertyValue('justify-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><del>-var justifyContentSpaceAroundTrue = document.getElementById(&quot;justifyContentRightSafeTrue&quot;);
-shouldBeEqualToString(&quot;getComputedStyle(justifyContentRightSafeTrue, '').getPropertyValue('justify-content')&quot;, &quot;start&quot;);
</del><ins>+var justifyContentSpaceAroundUnsafe = document.getElementById(&quot;justifyContentRightSafeUnsafe&quot;);
+shouldBeEqualToString(&quot;getComputedStyle(justifyContentRightSafeUnsafe, '').getPropertyValue('justify-content')&quot;, &quot;start&quot;);
</ins><span class="cx"> 
</span><del>-var justifyContentSpaceAroundTrue = document.getElementById(&quot;justifyContentCenterLeft&quot;);
</del><ins>+var justifyContentSpaceAroundUnsafe = document.getElementById(&quot;justifyContentCenterLeft&quot;);
</ins><span class="cx"> shouldBeEqualToString(&quot;getComputedStyle(justifyContentCenterLeft, '').getPropertyValue('justify-content')&quot;, &quot;start&quot;);
</span><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="lines">@@ -274,8 +274,8 @@
</span><span class="cx"> element.style.justifyContent = &quot;center&quot;;
</span><span class="cx"> checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;center&quot;, &quot;center&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifyContent = &quot;true start&quot;;
-checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;start true&quot;, &quot;start true&quot;);
</del><ins>+element.style.justifyContent = &quot;unsafe start&quot;;
+checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;start unsafe&quot;, &quot;start unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.justifyContent = &quot;flex-end safe&quot;;
</span><span class="cx"> checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;flex-end safe&quot;, &quot;flex-end safe&quot;);
</span><span class="lines">@@ -286,8 +286,8 @@
</span><span class="cx"> element.style.justifyContent = &quot;center stretch&quot;;
</span><span class="cx"> checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;stretch center&quot;, &quot;stretch center&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifyContent = &quot;right true&quot;;
-checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;right true&quot;, &quot;right true&quot;);
</del><ins>+element.style.justifyContent = &quot;right unsafe&quot;;
+checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;right unsafe&quot;, &quot;right unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.justifyContent = &quot;auto&quot;;
</span><span class="cx"> checkValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;auto&quot;, &quot;start&quot;);
</span><span class="lines">@@ -309,25 +309,25 @@
</span><span class="cx"> document.body.appendChild(element);
</span><span class="cx"> 
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;&quot;);
</span><del>-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;true auto&quot;);
</del><ins>+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;unsafe auto&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;auto safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;auto left&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;baseline safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;last baseline center&quot;);
</span><del>-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;true true&quot;);
-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;true safe&quot;);
</del><ins>+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;unsafe unsafe&quot;);
+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;center start&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;baseline safe&quot;);
</span><del>-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;true baseline&quot;);
-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;true safe left&quot;);
-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;true left safe&quot;);
-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;left safe true safe&quot;);
</del><ins>+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;unsafe baseline&quot;);
+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;unsafe safe left&quot;);
+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;unsafe left safe&quot;);
+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;left safe unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;start right space-between&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;safe stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;space-around stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;end space-between start&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;right safe left&quot;);
</span><del>-checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;true&quot;);
</del><ins>+checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;,  &quot;safe&quot;);
</span><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="lines">@@ -343,7 +343,7 @@
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'initial' for flex containers&quot;);
</span><span class="cx"> element.style.display = &quot;-webkit-flex&quot;;
</span><del>-checkInitialValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;, &quot;right true&quot;, &quot;stretch&quot;);
</del><ins>+checkInitialValues(element, &quot;justifyContent&quot;, &quot;justify-content&quot;, &quot;right unsafe&quot;, &quot;stretch&quot;);
</ins><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'inherit'&quot;);
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssparsejustifyitemsexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/parse-justify-items-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/parse-justify-items-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/css/parse-justify-items-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -16,13 +16,13 @@
</span><span class="cx"> PASS getComputedStyle(justifyItemsRight, '').getPropertyValue('justify-items') is 'right'
</span><span class="cx"> PASS getComputedStyle(justifyItemsFlexStart, '').getPropertyValue('justify-items') is 'flex-start'
</span><span class="cx"> PASS getComputedStyle(justifyItemsFlexEnd, '').getPropertyValue('justify-items') is 'flex-end'
</span><del>-PASS getComputedStyle(justifyItemsEndTrue, '').getPropertyValue('justify-items') is 'end true'
-PASS getComputedStyle(justifyItemsCenterTrue, '').getPropertyValue('justify-items') is 'center true'
</del><ins>+PASS getComputedStyle(justifyItemsEndUnsafe, '').getPropertyValue('justify-items') is 'end unsafe'
+PASS getComputedStyle(justifyItemsCenterUnsafe, '').getPropertyValue('justify-items') is 'center unsafe'
</ins><span class="cx"> PASS getComputedStyle(justifyItemsSelfEndSafe, '').getPropertyValue('justify-items') is 'self-end safe'
</span><span class="cx"> PASS getComputedStyle(justifyItemsSelfStartSafe, '').getPropertyValue('justify-items') is 'self-start safe'
</span><span class="cx"> PASS getComputedStyle(justifyItemsRightSafe, '').getPropertyValue('justify-items') is 'right safe'
</span><del>-PASS getComputedStyle(justifyItemsLeftTrue, '').getPropertyValue('justify-items') is 'left true'
-PASS getComputedStyle(justifyItemsFlexStartTrue, '').getPropertyValue('justify-items') is 'flex-start true'
</del><ins>+PASS getComputedStyle(justifyItemsLeftUnsafe, '').getPropertyValue('justify-items') is 'left unsafe'
+PASS getComputedStyle(justifyItemsFlexStartUnsafe, '').getPropertyValue('justify-items') is 'flex-start unsafe'
</ins><span class="cx"> PASS getComputedStyle(justifyItemsFlexEndSafe, '').getPropertyValue('justify-items') is 'flex-end safe'
</span><span class="cx"> PASS getComputedStyle(justifyItemsLegacyLeft, '').getPropertyValue('justify-items') is 'legacy left'
</span><span class="cx"> PASS getComputedStyle(justifyItemsLegacyCenter, '').getPropertyValue('justify-items') is 'legacy center'
</span><span class="lines">@@ -37,8 +37,8 @@
</span><span class="cx"> Test getting and setting justify-items through JS
</span><span class="cx"> PASS element.style.justifyItems is &quot;center&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;center&quot;
</span><del>-PASS element.style.justifyItems is &quot;start true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;start true&quot;
</del><ins>+PASS element.style.justifyItems is &quot;start unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;start unsafe&quot;
</ins><span class="cx"> PASS element.style.justifyItems is &quot;flex-end safe&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;flex-end safe&quot;
</span><span class="cx"> PASS element.style.justifyItems is &quot;legacy right&quot;
</span><span class="lines">@@ -121,8 +121,8 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;stretch&quot;
</span><span class="cx"> 
</span><span class="cx"> Test the value 'initial' for flex containers
</span><del>-PASS element.style.justifyItems is &quot;right true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;right true&quot;
</del><ins>+PASS element.style.justifyItems is &quot;right unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;right unsafe&quot;
</ins><span class="cx"> PASS element.style.justifyItems is &quot;initial&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;stretch&quot;
</span><span class="cx"> 
</span><span class="lines">@@ -135,10 +135,10 @@
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;left safe&quot;
</span><span class="cx"> PASS element.style.justifyItems is &quot;inherit&quot;
</span><span class="cx"> PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;left safe&quot;
</span><del>-PASS element.style.justifyItems is &quot;center true&quot;
-PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;center true&quot;
</del><ins>+PASS element.style.justifyItems is &quot;center unsafe&quot;
+PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;center unsafe&quot;
</ins><span class="cx"> PASS element.style.justifyItems is &quot;inherit&quot;
</span><del>-PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;center true&quot;
</del><ins>+PASS window.getComputedStyle(element, '').getPropertyValue('justify-items') is &quot;center unsafe&quot;
</ins><span class="cx"> 
</span><span class="cx"> Test the value 'legacy'
</span><span class="cx"> PASS element.style.justifyItems is &quot;legacy left&quot;
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssparsejustifyitemshtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/parse-justify-items.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/parse-justify-items.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/css/parse-justify-items.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -50,12 +50,12 @@
</span><span class="cx">     justify-items: flex-end;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyItemsEndTrue {
-    justify-items: end true;
</del><ins>+#justifyItemsEndUnsafe {
+    justify-items: end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyItemsCenterTrue {
-    justify-items: center true;
</del><ins>+#justifyItemsCenterUnsafe {
+    justify-items: center unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #justifyItemsSelfEndSafe {
</span><span class="lines">@@ -70,12 +70,12 @@
</span><span class="cx">     justify-items: right safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyItemsLeftTrue {
-    justify-items: left true;
</del><ins>+#justifyItemsLeftUnsafe {
+    justify-items: left unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifyItemsFlexStartTrue {
-    justify-items: flex-start true;
</del><ins>+#justifyItemsFlexStartUnsafe {
+    justify-items: flex-start unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #justifyItemsFlexEndSafe {
</span><span class="lines">@@ -122,13 +122,13 @@
</span><span class="cx"> &lt;div id=&quot;justifyItemsFlexStart&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyItemsFlexEnd&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><del>-&lt;div id=&quot;justifyItemsEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;justifyItemsCenterTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifyItemsEndUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;justifyItemsCenterUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;justifyItemsSelfEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyItemsSelfStartSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyItemsRightSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;justifyItemsLeftTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;justifyItemsFlexStartTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifyItemsLeftUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;justifyItemsFlexStartUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;justifyItemsFlexEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyItemsLegacyLeft&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifyItemsLegacyCenter&quot;&gt;&lt;/div&gt;
</span><span class="lines">@@ -177,11 +177,11 @@
</span><span class="cx"> var justifyItemsFlexEnd = document.getElementById(&quot;justifyItemsFlexEnd&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(justifyItemsFlexEnd, '').getPropertyValue('justify-items')&quot;, &quot;'flex-end'&quot;);
</span><span class="cx"> 
</span><del>-var justifyItemsEndTrue = document.getElementById(&quot;justifyItemsEndTrue&quot;);
-shouldBe(&quot;getComputedStyle(justifyItemsEndTrue, '').getPropertyValue('justify-items')&quot;, &quot;'end true'&quot;);
</del><ins>+var justifyItemsEndUnsafe = document.getElementById(&quot;justifyItemsEndUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(justifyItemsEndUnsafe, '').getPropertyValue('justify-items')&quot;, &quot;'end unsafe'&quot;);
</ins><span class="cx"> 
</span><del>-var justifyItemsCenterTrue = document.getElementById(&quot;justifyItemsCenterTrue&quot;);
-shouldBe(&quot;getComputedStyle(justifyItemsCenterTrue, '').getPropertyValue('justify-items')&quot;, &quot;'center true'&quot;);
</del><ins>+var justifyItemsCenterUnsafe = document.getElementById(&quot;justifyItemsCenterUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(justifyItemsCenterUnsafe, '').getPropertyValue('justify-items')&quot;, &quot;'center unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var justifyItemsSelfEndSafe = document.getElementById(&quot;justifyItemsSelfEndSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(justifyItemsSelfEndSafe, '').getPropertyValue('justify-items')&quot;, &quot;'self-end safe'&quot;);
</span><span class="lines">@@ -192,11 +192,11 @@
</span><span class="cx"> var justifyItemsRightSafe = document.getElementById(&quot;justifyItemsRightSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(justifyItemsRightSafe, '').getPropertyValue('justify-items')&quot;, &quot;'right safe'&quot;);
</span><span class="cx"> 
</span><del>-var justifyItemsLeftTrue = document.getElementById(&quot;justifyItemsLeftTrue&quot;);
-shouldBe(&quot;getComputedStyle(justifyItemsLeftTrue, '').getPropertyValue('justify-items')&quot;, &quot;'left true'&quot;);
</del><ins>+var justifyItemsLeftUnsafe = document.getElementById(&quot;justifyItemsLeftUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(justifyItemsLeftUnsafe, '').getPropertyValue('justify-items')&quot;, &quot;'left unsafe'&quot;);
</ins><span class="cx"> 
</span><del>-var justifyItemsFlexStartTrue = document.getElementById(&quot;justifyItemsFlexStartTrue&quot;);
-shouldBe(&quot;getComputedStyle(justifyItemsFlexStartTrue, '').getPropertyValue('justify-items')&quot;, &quot;'flex-start true'&quot;);
</del><ins>+var justifyItemsFlexStartUnsafe = document.getElementById(&quot;justifyItemsFlexStartUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(justifyItemsFlexStartUnsafe, '').getPropertyValue('justify-items')&quot;, &quot;'flex-start unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var justifyItemsFlexEndSafe = document.getElementById(&quot;justifyItemsFlexEndSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(justifyItemsFlexEndSafe, '').getPropertyValue('justify-items')&quot;, &quot;'flex-end safe'&quot;);
</span><span class="lines">@@ -232,8 +232,8 @@
</span><span class="cx"> element.style.justifyItems = &quot;center&quot;;
</span><span class="cx"> checkValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;center&quot;, &quot;center&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifyItems = &quot;true start&quot;;
-checkValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;start true&quot;, &quot;start true&quot;);
</del><ins>+element.style.justifyItems = &quot;unsafe start&quot;;
+checkValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;start unsafe&quot;, &quot;start unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.justifyItems = &quot;flex-end safe&quot;;
</span><span class="cx"> checkValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;flex-end safe&quot;, &quot;flex-end safe&quot;);
</span><span class="lines">@@ -268,26 +268,26 @@
</span><span class="cx"> element = document.createElement(&quot;div&quot;);
</span><span class="cx"> document.body.appendChild(element);
</span><span class="cx"> 
</span><del>-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;true auto&quot;);
</del><ins>+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;unsafe auto&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;auto safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;auto left&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;baseline safe&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;baseline center&quot;);
</span><del>-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;stretch true&quot;);
</del><ins>+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;stretch unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;stretch right&quot;);
</span><del>-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;true true&quot;);
-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;true safe&quot;);
</del><ins>+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;unsafe unsafe&quot;);
+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;center start&quot;);
</span><del>-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;stretch true&quot;);
</del><ins>+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;stretch unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;safe stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;baseline safe&quot;);
</span><del>-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;true baseline&quot;);
-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;true safe left&quot;);
-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;true left safe&quot;);
-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;left safe true safe&quot;);
</del><ins>+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;unsafe baseline&quot;);
+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;unsafe safe left&quot;);
+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;unsafe left safe&quot;);
+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;left safe unsafe safe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;legacy start&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;legacy end&quot;);
</span><del>-checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;legacy right true&quot;);
</del><ins>+checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;legacy right unsafe&quot;);
</ins><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;legacy auto&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;legacy stretch&quot;);
</span><span class="cx"> checkBadValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;,  &quot;legacy&quot;);
</span><span class="lines">@@ -306,14 +306,14 @@
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'initial' for flex containers&quot;);
</span><span class="cx"> element.style.display = &quot;-webkit-flex&quot;;
</span><del>-checkInitialValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;, &quot;right true&quot;, &quot;stretch&quot;);
</del><ins>+checkInitialValues(element, &quot;justifyItems&quot;, &quot;justify-items&quot;, &quot;right unsafe&quot;, &quot;stretch&quot;);
</ins><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'inherit'&quot;);
</span><span class="cx"> parentElement = document.createElement(&quot;div&quot;);
</span><span class="cx"> checkInheritValues(&quot;justifyItems&quot;, &quot;justify-items&quot;, &quot;end&quot;);
</span><span class="cx"> checkInheritValues(&quot;justifyItems&quot;, &quot;justify-items&quot;, &quot;left safe&quot;);
</span><del>-checkInheritValues(&quot;justifyItems&quot;, &quot;justify-items&quot;, &quot;center true&quot;);
</del><ins>+checkInheritValues(&quot;justifyItems&quot;, &quot;justify-items&quot;, &quot;center unsafe&quot;);
</ins><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test the value 'legacy'&quot;);
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssparsejustifyselfexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/parse-justify-self-expected.txt (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/parse-justify-self-expected.txt        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/css/parse-justify-self-expected.txt        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -13,19 +13,19 @@
</span><span class="cx"> PASS getComputedStyle(justifySelfSelfStart, '').getPropertyValue('justify-self') is 'self-start'
</span><span class="cx"> PASS getComputedStyle(justifySelfLeft, '').getPropertyValue('justify-self') is 'left'
</span><span class="cx"> PASS getComputedStyle(justifySelfRight, '').getPropertyValue('justify-self') is 'right'
</span><del>-PASS getComputedStyle(justifySelfEndTrue, '').getPropertyValue('justify-self') is 'end true'
-PASS getComputedStyle(justifySelfCenterTrue, '').getPropertyValue('justify-self') is 'center true'
</del><ins>+PASS getComputedStyle(justifySelfEndUnsafe, '').getPropertyValue('justify-self') is 'end unsafe'
+PASS getComputedStyle(justifySelfCenterUnsafe, '').getPropertyValue('justify-self') is 'center unsafe'
</ins><span class="cx"> PASS getComputedStyle(justifySelfSelfEndSafe, '').getPropertyValue('justify-self') is 'self-end safe'
</span><span class="cx"> PASS getComputedStyle(justifySelfSelfStartSafe, '').getPropertyValue('justify-self') is 'self-start safe'
</span><span class="cx"> PASS getComputedStyle(justifySelfRightSafe, '').getPropertyValue('justify-self') is 'right safe'
</span><del>-PASS getComputedStyle(justifySelfLeftTrue, '').getPropertyValue('justify-self') is 'left true'
</del><ins>+PASS getComputedStyle(justifySelfLeftUnsafe, '').getPropertyValue('justify-self') is 'left unsafe'
</ins><span class="cx"> 
</span><span class="cx"> Test initial value of justify-self through JS
</span><span class="cx"> PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start'
</span><span class="cx"> 
</span><span class="cx"> Test getting and setting justify-self through JS
</span><span class="cx"> PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'center'
</span><del>-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start true'
</del><ins>+PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start unsafe'
</ins><span class="cx"> PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start'
</span><span class="cx"> 
</span><span class="cx"> Test bad combinations of justify-self
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssparsejustifyselfhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/parse-justify-self.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/parse-justify-self.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/css/parse-justify-self.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -38,12 +38,12 @@
</span><span class="cx">     justify-self: right;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifySelfEndTrue {
-    justify-self: end true;
</del><ins>+#justifySelfEndUnsafe {
+    justify-self: end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifySelfCenterTrue {
-    justify-self: center true;
</del><ins>+#justifySelfCenterUnsafe {
+    justify-self: center unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #justifySelfSelfEndSafe {
</span><span class="lines">@@ -58,8 +58,8 @@
</span><span class="cx">     justify-self: right safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#justifySelfLeftTrue {
-    justify-self: left true;
</del><ins>+#justifySelfLeftUnsafe {
+    justify-self: left unsafe;
</ins><span class="cx"> }
</span><span class="cx"> &lt;/style&gt;
</span><span class="cx"> &lt;script src=&quot;../../resources/js-test.js&quot;&gt;&lt;/script&gt;
</span><span class="lines">@@ -75,12 +75,12 @@
</span><span class="cx"> &lt;div id=&quot;justifySelfLeft&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifySelfRight&quot;&gt;&lt;/div&gt;
</span><span class="cx"> 
</span><del>-&lt;div id=&quot;justifySelfEndTrue&quot;&gt;&lt;/div&gt;
-&lt;div id=&quot;justifySelfCenterTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifySelfEndUnsafe&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;justifySelfCenterUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;div id=&quot;justifySelfSelfEndSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifySelfSelfStartSafe&quot;&gt;&lt;/div&gt;
</span><span class="cx"> &lt;div id=&quot;justifySelfRightSafe&quot;&gt;&lt;/div&gt;
</span><del>-&lt;div id=&quot;justifySelfLeftTrue&quot;&gt;&lt;/div&gt;
</del><ins>+&lt;div id=&quot;justifySelfLeftUnsafe&quot;&gt;&lt;/div&gt;
</ins><span class="cx"> &lt;script&gt;
</span><span class="cx"> description('Test that setting and getting justify-self works as expected');
</span><span class="cx"> 
</span><span class="lines">@@ -112,11 +112,11 @@
</span><span class="cx"> var justifySelfRight = document.getElementById(&quot;justifySelfRight&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(justifySelfRight, '').getPropertyValue('justify-self')&quot;, &quot;'right'&quot;);
</span><span class="cx"> 
</span><del>-var justifySelfEndTrue = document.getElementById(&quot;justifySelfEndTrue&quot;);
-shouldBe(&quot;getComputedStyle(justifySelfEndTrue, '').getPropertyValue('justify-self')&quot;, &quot;'end true'&quot;);
</del><ins>+var justifySelfEndUnsafe = document.getElementById(&quot;justifySelfEndUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(justifySelfEndUnsafe, '').getPropertyValue('justify-self')&quot;, &quot;'end unsafe'&quot;);
</ins><span class="cx"> 
</span><del>-var justifySelfCenterTrue = document.getElementById(&quot;justifySelfCenterTrue&quot;);
-shouldBe(&quot;getComputedStyle(justifySelfCenterTrue, '').getPropertyValue('justify-self')&quot;, &quot;'center true'&quot;);
</del><ins>+var justifySelfCenterUnsafe = document.getElementById(&quot;justifySelfCenterUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(justifySelfCenterUnsafe, '').getPropertyValue('justify-self')&quot;, &quot;'center unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> var justifySelfSelfEndSafe = document.getElementById(&quot;justifySelfSelfEndSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(justifySelfSelfEndSafe, '').getPropertyValue('justify-self')&quot;, &quot;'self-end safe'&quot;);
</span><span class="lines">@@ -127,8 +127,8 @@
</span><span class="cx"> var justifySelfRightSafe = document.getElementById(&quot;justifySelfRightSafe&quot;);
</span><span class="cx"> shouldBe(&quot;getComputedStyle(justifySelfRightSafe, '').getPropertyValue('justify-self')&quot;, &quot;'right safe'&quot;);
</span><span class="cx"> 
</span><del>-var justifySelfLeftTrue = document.getElementById(&quot;justifySelfLeftTrue&quot;);
-shouldBe(&quot;getComputedStyle(justifySelfLeftTrue, '').getPropertyValue('justify-self')&quot;, &quot;'left true'&quot;);
</del><ins>+var justifySelfLeftUnsafe = document.getElementById(&quot;justifySelfLeftUnsafe&quot;);
+shouldBe(&quot;getComputedStyle(justifySelfLeftUnsafe, '').getPropertyValue('justify-self')&quot;, &quot;'left unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span><span class="cx"> debug(&quot;Test initial value of justify-self through JS&quot;);
</span><span class="lines">@@ -145,8 +145,8 @@
</span><span class="cx"> 
</span><span class="cx"> element = document.createElement(&quot;div&quot;);
</span><span class="cx"> document.body.appendChild(element);
</span><del>-element.style.justifySelf = &quot;true start&quot;;
-shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start true'&quot;);
</del><ins>+element.style.justifySelf = &quot;unsafe start&quot;;
+shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start unsafe'&quot;);
</ins><span class="cx"> 
</span><span class="cx"> element.style.justifySelf = &quot;start&quot;;
</span><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="lines">@@ -164,25 +164,25 @@
</span><span class="cx"> element.style.justifySelf = &quot;baseline center&quot;;
</span><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;stretch true&quot;;
</del><ins>+element.style.justifySelf = &quot;stretch unsafe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><span class="cx"> element.style.justifySelf = &quot;stretch right&quot;;
</span><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;true true&quot;;
</del><ins>+element.style.justifySelf = &quot;unsafe unsafe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;true&quot;;
</del><ins>+element.style.justifySelf = &quot;unsafe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;true safe&quot;;
</del><ins>+element.style.justifySelf = &quot;unsafe safe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><span class="cx"> element.style.justifySelf = &quot;center start&quot;;
</span><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;stretch true&quot;;
</del><ins>+element.style.justifySelf = &quot;stretch unsafe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><span class="cx"> element.style.justifySelf = &quot;safe stretch&quot;;
</span><span class="lines">@@ -191,19 +191,19 @@
</span><span class="cx"> element.style.justifySelf = &quot;baseline safe&quot;;
</span><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;true baseline&quot;;
</del><ins>+element.style.justifySelf = &quot;unsafe baseline&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;true safe&quot;;
</del><ins>+element.style.justifySelf = &quot;unsafe safe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;true safe left&quot;;
</del><ins>+element.style.justifySelf = &quot;unsafe safe left&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;true left safe&quot;;
</del><ins>+element.style.justifySelf = &quot;unsafe left safe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><del>-element.style.justifySelf = &quot;left safe true safe&quot;;
</del><ins>+element.style.justifySelf = &quot;left safe unsafe safe&quot;;
</ins><span class="cx"> shouldBe(&quot;getComputedStyle(element, '').getPropertyValue('justify-self')&quot;, &quot;'start'&quot;);
</span><span class="cx"> 
</span><span class="cx"> debug(&quot;&quot;);
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgridlayoutgridalignjustifyoverflowhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css-grid-layout/grid-align-justify-overflow.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css-grid-layout/grid-align-justify-overflow.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-align-justify-overflow.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -27,25 +27,25 @@
</span><span class="cx"> }
</span><span class="cx"> .alignItemsCenter { align-items: center; }
</span><span class="cx"> .alignItemsCenterSafe { align-items: center safe; }
</span><del>-.alignItemsCenterTrue { align-items: center true; }
</del><ins>+.alignItemsCenterUnsafe { align-items: center unsafe; }
</ins><span class="cx"> .alignItemsEnd { align-items: end; }
</span><span class="cx"> .alignItemsEndSafe { align-items: end safe; }
</span><del>-.alignItemsEndTrue { align-items: end true; }
</del><ins>+.alignItemsEndUnsafe { align-items: end unsafe; }
</ins><span class="cx"> .alignSelfCenter { align-self: center; }
</span><span class="cx"> .alignSelfCenterSafe { align-self: center safe; }
</span><del>-.alignSelfCenterTrue { align-self: center true; }
</del><ins>+.alignSelfCenterUnsafe { align-self: center unsafe; }
</ins><span class="cx"> .alignSelfEnd { align-self: end; }
</span><span class="cx"> .alignSelfEndSafe { align-self: end safe; }
</span><del>-.alignSelfEndTrue { align-self: end true; }
</del><ins>+.alignSelfEndUnsafe { align-self: end unsafe; }
</ins><span class="cx"> .justifyItemsCenter { justify-items: center; }
</span><span class="cx"> .justifyItemsCenterSafe { justify-items: center safe; }
</span><del>-.justifyItemsCenterTrue { justify-items: center true; }
</del><ins>+.justifyItemsCenterUnsafe { justify-items: center unsafe; }
</ins><span class="cx"> .justifyItemsEnd { justify-items: end; }
</span><span class="cx"> .justifyItemsEndSafe { justify-items: end safe; }
</span><del>-.justifyItemsEndTrue { justify-items: end true; }
</del><ins>+.justifyItemsEndUnsafe { justify-items: end unsafe; }
</ins><span class="cx"> .justifySelfCenter { justify-self: center; }
</span><span class="cx"> .justifySelfCenterSafe { justify-self: center safe; }
</span><del>-.justifySelfCenterTrue { justify-self: center true; }
</del><ins>+.justifySelfCenterUnsafe { justify-self: center unsafe; }
</ins><span class="cx"> .justifySelfEnd { justify-self: end; }
</span><span class="cx"> .thirdRowFirstColumn {
</span><span class="cx">     background-color: green;
</span><span class="lines">@@ -70,7 +70,7 @@
</span><span class="cx"> &lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;div style=&quot;position: relative&quot;&gt;
</span><del>-    &lt;div class=&quot;grid alignItemsCenterTrue justifyItemsCenterTrue&quot; data-expected-width=&quot;300&quot; data-expected-height=&quot;360&quot;&gt;
</del><ins>+    &lt;div class=&quot;grid alignItemsCenterUnsafe justifyItemsCenterUnsafe&quot; data-expected-width=&quot;300&quot; data-expected-height=&quot;360&quot;&gt;
</ins><span class="cx">         &lt;div class=&quot;cellOverflowHeight firstRowFirstColumn&quot; data-offset-x=&quot;50&quot; data-offset-y=&quot;-15&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;150&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow secondRowFirstColumn&quot; data-offset-x=&quot;50&quot; data-offset-y=&quot;160&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow thirdRowFirstColumn&quot; data-offset-x=&quot;50&quot; data-offset-y=&quot;280&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="lines">@@ -114,7 +114,7 @@
</span><span class="cx"> &lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;div style=&quot;position: relative&quot;&gt;
</span><del>-    &lt;div class=&quot;grid alignItemsEndTrue justifyItemsEndTrue&quot; data-expected-width=&quot;300&quot; data-expected-height=&quot;360&quot;&gt;
</del><ins>+    &lt;div class=&quot;grid alignItemsEndUnsafe justifyItemsEndUnsafe&quot; data-expected-width=&quot;300&quot; data-expected-height=&quot;360&quot;&gt;
</ins><span class="cx">         &lt;div class=&quot;cellOverflowHeight firstRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;-30&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;150&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow secondRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;200&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow thirdRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;320&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="lines">@@ -127,7 +127,7 @@
</span><span class="cx"> &lt;div style=&quot;position: relative&quot;&gt;
</span><span class="cx">     &lt;div class=&quot;grid alignItemsEndSafe justifyItemsEndSafe&quot; data-expected-width=&quot;300&quot; data-expected-height=&quot;360&quot;&gt;
</span><span class="cx">         &lt;div class=&quot;cellOverflowWidth  firstRowFirstColumn&quot; data-offset-x=&quot;0&quot; data-offset-y=&quot;80&quot; data-expected-width=&quot;180&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><del>-        &lt;div class=&quot;cellWithNoOverflow secondRowFirstColumn justifySelfCenterTrue&quot; data-offset-x=&quot;50&quot; data-offset-y=&quot;200&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</del><ins>+        &lt;div class=&quot;cellWithNoOverflow secondRowFirstColumn justifySelfCenterUnsafe&quot; data-offset-x=&quot;50&quot; data-offset-y=&quot;200&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</ins><span class="cx">         &lt;div class=&quot;cellWithNoOverflow thirdRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;320&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow firstRowSecondColumn&quot; data-offset-x=&quot;250&quot; data-offset-y=&quot;80&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellOverflowWidth  secondRowSecondColumn&quot; data-offset-x=&quot;150&quot; data-offset-y=&quot;200&quot; data-expected-width=&quot;180&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="lines">@@ -140,7 +140,7 @@
</span><span class="cx">         &lt;div class=&quot;cellOverflowHeight firstRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;0&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;150&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow secondRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;200&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow thirdRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;320&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><del>-        &lt;div class=&quot;cellWithNoOverflow firstRowSecondColumn alignSelfCenterTrue&quot; data-offset-x=&quot;250&quot; data-offset-y=&quot;40&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</del><ins>+        &lt;div class=&quot;cellWithNoOverflow firstRowSecondColumn alignSelfCenterUnsafe&quot; data-offset-x=&quot;250&quot; data-offset-y=&quot;40&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</ins><span class="cx">         &lt;div class=&quot;cellOverflowHeight secondRowSecondColumn&quot; data-offset-x=&quot;250&quot; data-offset-y=&quot;120&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;150&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;cellWithNoOverflow thirdRowSecondColumn&quot; data-offset-x=&quot;250&quot; data-offset-y=&quot;320&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;40&quot;&gt;&lt;/div&gt;
</span><span class="cx">     &lt;/div&gt;
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgridlayoutgridcontentalignmentoverflowhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css-grid-layout/grid-content-alignment-overflow.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css-grid-layout/grid-content-alignment-overflow.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/css-grid-layout/grid-content-alignment-overflow.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -33,9 +33,9 @@
</span><span class="cx">     justify-content: center safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.centerTrue {
-    align-content: center true;
-    justify-content: center true;
</del><ins>+.centerUnsafe {
+    align-content: center unsafe;
+    justify-content: center unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .end {
</span><span class="lines">@@ -48,9 +48,9 @@
</span><span class="cx">     justify-content: end safe;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.endTrue {
-    align-content: end true;
-    justify-content: end true;
</del><ins>+.endUnsafe {
+    align-content: end unsafe;
+    justify-content: end unsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> &lt;/style&gt;
</span><span class="lines">@@ -69,7 +69,7 @@
</span><span class="cx"> &lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;div style=&quot;position: relative&quot;&gt;
</span><del>-    &lt;div class=&quot;grid overflowHeight centerTrue&quot; data-expected-width=&quot;200&quot; data-expected-height=&quot;150&quot;&gt;
</del><ins>+    &lt;div class=&quot;grid overflowHeight centerUnsafe&quot; data-expected-width=&quot;200&quot; data-expected-height=&quot;150&quot;&gt;
</ins><span class="cx">         &lt;div class=&quot;firstRowFirstColumn&quot; data-offset-x=&quot;50&quot; data-offset-y=&quot;-25&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;100&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;secondRowFirstColumn&quot; data-offset-x=&quot;50&quot; data-offset-y=&quot;75&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;100&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;firstRowSecondColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;-25&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;100&quot;&gt;&lt;/div&gt;
</span><span class="lines">@@ -105,7 +105,7 @@
</span><span class="cx"> &lt;/div&gt;
</span><span class="cx"> 
</span><span class="cx"> &lt;div style=&quot;position: relative&quot;&gt;
</span><del>-    &lt;div class=&quot;grid overflowHeight endTrue&quot; data-expected-width=&quot;200&quot; data-expected-height=&quot;150&quot;&gt;
</del><ins>+    &lt;div class=&quot;grid overflowHeight endUnsafe&quot; data-expected-width=&quot;200&quot; data-expected-height=&quot;150&quot;&gt;
</ins><span class="cx">         &lt;div class=&quot;firstRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;-50&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;100&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;secondRowFirstColumn&quot; data-offset-x=&quot;100&quot; data-offset-y=&quot;50&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;100&quot;&gt;&lt;/div&gt;
</span><span class="cx">         &lt;div class=&quot;firstRowSecondColumn&quot; data-offset-x=&quot;150&quot; data-offset-y=&quot;-50&quot; data-expected-width=&quot;50&quot; data-expected-height=&quot;100&quot;&gt;&lt;/div&gt;
</span></span></pre></div>
<a id="trunkLayoutTestsfastrepaintalignitemsoverflowchangehtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/repaint/align-items-overflow-change.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/repaint/align-items-overflow-change.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/repaint/align-items-overflow-change.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -13,7 +13,7 @@
</span><span class="cx"> #container {
</span><span class="cx">   display: -webkit-grid;
</span><span class="cx">   -webkit-grid: 200px / 150px 150px;
</span><del>-  align-items: end true;
</del><ins>+  align-items: end unsafe;
</ins><span class="cx">   width: 200px;
</span><span class="cx">   height: 300px;
</span><span class="cx">   background-color: red;
</span></span></pre></div>
<a id="trunkLayoutTestsfastrepaintalignselfoverflowchangehtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/repaint/align-self-overflow-change.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/repaint/align-self-overflow-change.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/repaint/align-self-overflow-change.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -21,13 +21,13 @@
</span><span class="cx"> .item1 {
</span><span class="cx">   -webkit-grid-row: 1;
</span><span class="cx">   -webkit-grid-column: 1;
</span><del>-  align-self: end true;
</del><ins>+  align-self: end unsafe;
</ins><span class="cx">   background-color: green;
</span><span class="cx"> }
</span><span class="cx"> .item2 {
</span><span class="cx">   -webkit-grid-row: 2;
</span><span class="cx">   -webkit-grid-column: 1;
</span><del>-  align-self: end true;
</del><ins>+  align-self: end unsafe;
</ins><span class="cx">   background-color: green;
</span><span class="cx"> &lt;/style&gt;
</span><span class="cx"> &lt;p style=&quot;height: 20px&quot;&gt;Tests invalidation on align-self style change (just overflow). Passes if there is no red.&lt;/p&gt;
</span></span></pre></div>
<a id="trunkLayoutTestsfastrepaintjustifyitemsoverflowchangehtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/repaint/justify-items-overflow-change.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/repaint/justify-items-overflow-change.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/repaint/justify-items-overflow-change.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -13,7 +13,7 @@
</span><span class="cx"> #container {
</span><span class="cx">   display: -webkit-grid;
</span><span class="cx">   -webkit-grid: 100px 100px / 300px;
</span><del>-  justify-items: end true;
</del><ins>+  justify-items: end unsafe;
</ins><span class="cx">   width: 200px;
</span><span class="cx">   height: 300px;
</span><span class="cx">   background-color: red;
</span></span></pre></div>
<a id="trunkLayoutTestsfastrepaintjustifyselfoverflowchangehtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/repaint/justify-self-overflow-change.html (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/repaint/justify-self-overflow-change.html        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/LayoutTests/fast/repaint/justify-self-overflow-change.html        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -21,7 +21,7 @@
</span><span class="cx"> .item1 {
</span><span class="cx">   -webkit-grid-row: 1;
</span><span class="cx">   -webkit-grid-column: 1;
</span><del>-  justify-self: end true;
</del><ins>+  justify-self: end unsafe;
</ins><span class="cx">   background-color: green;
</span><span class="cx">   width: 150px;
</span><span class="cx"> }
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx">   -webkit-grid-row: 1;
</span><span class="cx">   -webkit-grid-column: 2;
</span><span class="cx">   background-color: green;
</span><del>-  justify-self: end true;
</del><ins>+  justify-self: end unsafe;
</ins><span class="cx">   width: 50px;
</span><span class="cx"> &lt;/style&gt;
</span><span class="cx"> &lt;p style=&quot;height: 20px&quot;&gt;Tests invalidation on justify-self style change. Passes if there is no red.&lt;/p&gt;
</span></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/Source/WebCore/ChangeLog        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -1,3 +1,30 @@
</span><ins>+2015-12-15  Javier Fernandez  &lt;jfernandez@igalia.com&gt;
+
+        [css-align][css-grid] Overflow alignment value 'true' renamed to 'unsafe'
+        https://bugs.webkit.org/show_bug.cgi?id=152251
+
+        Reviewed by Darin Adler.
+
+        The 'True' Overflow Alignment keyword is now defined in the Box Alignment
+        specification as 'Unsafe'.
+
+        This patch applies the required changes in the CSS parsing logic, as well
+        Grid Layout specific codebase, so it complies with the last version of the
+        spec.
+
+        No new tests, no change in functionality.
+
+        * css/CSSParser.cpp:
+        (WebCore::isAlignmentOverflowKeyword):
+        (WebCore::CSSParser::parseItemPositionOverflowPosition):
+        * css/CSSPrimitiveValueMappings.h:
+        (WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
+        (WebCore::CSSPrimitiveValue::operator OverflowAlignment):
+        * css/CSSValueKeywords.in:
+        * rendering/RenderGrid.cpp:
+        (WebCore::computeOverflowAlignmentOffset):
+        * rendering/style/RenderStyleConstants.h:
+
</ins><span class="cx"> 2015-12-15  Zan Dobersek  &lt;zdobersek@igalia.com&gt;
</span><span class="cx"> 
</span><span class="cx">         [TexMap] Operate with a reference to the TextureMapper wherever possible
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSParsercpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSParser.cpp (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSParser.cpp        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/Source/WebCore/css/CSSParser.cpp        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -3375,7 +3375,7 @@
</span><span class="cx"> 
</span><span class="cx"> static bool isAlignmentOverflowKeyword(CSSValueID id)
</span><span class="cx"> {
</span><del>-    return id == CSSValueTrue || id == CSSValueSafe;
</del><ins>+    return id == CSSValueUnsafe || id == CSSValueSafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> static bool isItemPositionKeyword(CSSValueID id)
</span><span class="lines">@@ -3486,7 +3486,7 @@
</span><span class="cx">         position = CSSValuePool::singleton().createIdentifierValue(value-&gt;id);
</span><span class="cx">         value = m_valueList-&gt;next();
</span><span class="cx">         if (value) {
</span><del>-            if (value-&gt;id != CSSValueTrue &amp;&amp; value-&gt;id != CSSValueSafe)
</del><ins>+            if (value-&gt;id != CSSValueUnsafe &amp;&amp; value-&gt;id != CSSValueSafe)
</ins><span class="cx">                 return false;
</span><span class="cx">             overflowAlignmentKeyword = CSSValuePool::singleton().createIdentifierValue(value-&gt;id);
</span><span class="cx">         }
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSPrimitiveValueMappingsh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -5085,8 +5085,8 @@
</span><span class="cx">     case OverflowAlignmentDefault:
</span><span class="cx">         m_value.valueID = CSSValueDefault;
</span><span class="cx">         break;
</span><del>-    case OverflowAlignmentTrue:
-        m_value.valueID = CSSValueTrue;
</del><ins>+    case OverflowAlignmentUnsafe:
+        m_value.valueID = CSSValueUnsafe;
</ins><span class="cx">         break;
</span><span class="cx">     case OverflowAlignmentSafe:
</span><span class="cx">         m_value.valueID = CSSValueSafe;
</span><span class="lines">@@ -5097,15 +5097,15 @@
</span><span class="cx"> template&lt;&gt; inline CSSPrimitiveValue::operator OverflowAlignment() const
</span><span class="cx"> {
</span><span class="cx">     switch (m_value.valueID) {
</span><del>-    case CSSValueTrue:
-        return OverflowAlignmentTrue;
</del><ins>+    case CSSValueUnsafe:
+        return OverflowAlignmentUnsafe;
</ins><span class="cx">     case CSSValueSafe:
</span><span class="cx">         return OverflowAlignmentSafe;
</span><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 OverflowAlignmentUnsafe;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> template&lt;&gt; inline CSSPrimitiveValue::CSSPrimitiveValue(ContentPosition contentPosition)
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSValueKeywordsin"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSValueKeywords.in (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSValueKeywords.in        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/Source/WebCore/css/CSSValueKeywords.in        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -623,7 +623,7 @@
</span><span class="cx"> // flex-end
</span><span class="cx"> // left
</span><span class="cx"> // right
</span><del>-true
</del><ins>+unsafe
</ins><span class="cx"> safe
</span><span class="cx"> legacy
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingRenderGridcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/RenderGrid.cpp (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/RenderGrid.cpp        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/Source/WebCore/rendering/RenderGrid.cpp        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -1590,7 +1590,7 @@
</span><span class="cx">         // If overflow is 'safe', we have to make sure we don't overflow the 'start'
</span><span class="cx">         // edge (potentially cause some data loss as the overflow is unreachable).
</span><span class="cx">         return std::max&lt;LayoutUnit&gt;(0, offset);
</span><del>-    case OverflowAlignmentTrue:
</del><ins>+    case OverflowAlignmentUnsafe:
</ins><span class="cx">     case OverflowAlignmentDefault:
</span><span class="cx">         // If we overflow our alignment container and overflow is 'true' (default), we
</span><span class="cx">         // ignore the overflow and just return the value regardless (which may cause data
</span></span></pre></div>
<a id="trunkSourceWebCorerenderingstyleRenderStyleConstantsh"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/rendering/style/RenderStyleConstants.h (194103 => 194104)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/rendering/style/RenderStyleConstants.h        2015-12-15 11:54:13 UTC (rev 194103)
+++ trunk/Source/WebCore/rendering/style/RenderStyleConstants.h        2015-12-15 12:11:56 UTC (rev 194104)
</span><span class="lines">@@ -252,7 +252,7 @@
</span><span class="cx"> enum EFlexDirection { FlowRow, FlowRowReverse, FlowColumn, FlowColumnReverse };
</span><span class="cx"> enum EFlexWrap { FlexNoWrap, FlexWrap, FlexWrapReverse };
</span><span class="cx"> enum ItemPosition {ItemPositionAuto, ItemPositionStretch, ItemPositionBaseline, ItemPositionLastBaseline, ItemPositionCenter, ItemPositionStart, ItemPositionEnd, ItemPositionSelfStart, ItemPositionSelfEnd, ItemPositionFlexStart, ItemPositionFlexEnd, ItemPositionLeft, ItemPositionRight};
</span><del>-enum OverflowAlignment {OverflowAlignmentDefault, OverflowAlignmentTrue, OverflowAlignmentSafe};
</del><ins>+enum OverflowAlignment {OverflowAlignmentDefault, OverflowAlignmentUnsafe, OverflowAlignmentSafe};
</ins><span class="cx"> enum ItemPositionType {NonLegacyPosition, LegacyPosition};
</span><span class="cx"> enum ContentPosition {ContentPositionAuto, ContentPositionBaseline, ContentPositionLastBaseline, ContentPositionCenter, ContentPositionStart, ContentPositionEnd, ContentPositionFlexStart, ContentPositionFlexEnd, ContentPositionLeft, ContentPositionRight};
</span><span class="cx"> enum ContentDistributionType {ContentDistributionDefault, ContentDistributionSpaceBetween, ContentDistributionSpaceAround, ContentDistributionSpaceEvenly, ContentDistributionStretch};
</span></span></pre>
</div>
</div>

</body>
</html>