<!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>[210449] 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/210449">210449</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2017-01-06 12:02:45 -0800 (Fri, 06 Jan 2017)</dd>
</dl>

<h3>Log Message</h3>
<pre>Add some missing longhand properties to CSSComputedStyleDeclaration and fix default values
https://bugs.webkit.org/show_bug.cgi?id=166674
&lt;rdar://problem/6026159&gt;

Patch by Joseph Pecoraro &lt;pecoraro@apple.com&gt; on 2017-01-06
Reviewed by Darin Adler.

Source/WebCore:

* css/CSSComputedStyleDeclaration.cpp:
Add some missing longhand properties to the list of all longhand properties.

(WebCore::counterToCSSValue):
The default value for counter-increment and counter-reset should be &quot;none&quot;
not the empty string.

LayoutTests:

* fast/css/getComputedStyle/computed-style-font-family.html:
Skip font-variation-settings which is only available if the feature flag is enabled.

* fast/css/getComputedStyle/counterIncrement-without-counter-expected.txt:
* fast/css/getComputedStyle/counterIncrement-without-counter.html:
Fix the default value to be &quot;none&quot; instead of the empty string.

* svg/css/getComputedStyle-basic-expected.txt:
* fast/css/getComputedStyle/computed-style-expected.txt:
* fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
* fast/css/getComputedStyle/resources/property-names.js:
Add some always expected to be available longhand properties to check.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStylecomputedstyleexpectedtxt">trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStylecomputedstylefontfamilyhtml">trunk/LayoutTests/fast/css/getComputedStyle/computed-style-font-family.html</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStylecomputedstylewithoutrendererexpectedtxt">trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStylecounterIncrementwithoutcounterexpectedtxt">trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStylecounterIncrementwithoutcounterhtml">trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter.html</a></li>
<li><a href="#trunkLayoutTestsfastcssgetComputedStyleresourcespropertynamesjs">trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js</a></li>
<li><a href="#trunkLayoutTestssvgcssgetComputedStylebasicexpectedtxt">trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCorecssCSSComputedStyleDeclarationcpp">trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/ChangeLog        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -1,3 +1,24 @@
</span><ins>+2017-01-06  Joseph Pecoraro  &lt;pecoraro@apple.com&gt;
+
+        Add some missing longhand properties to CSSComputedStyleDeclaration and fix default values
+        https://bugs.webkit.org/show_bug.cgi?id=166674
+        &lt;rdar://problem/6026159&gt;
+
+        Reviewed by Darin Adler.
+
+        * fast/css/getComputedStyle/computed-style-font-family.html:
+        Skip font-variation-settings which is only available if the feature flag is enabled.
+
+        * fast/css/getComputedStyle/counterIncrement-without-counter-expected.txt:
+        * fast/css/getComputedStyle/counterIncrement-without-counter.html:
+        Fix the default value to be &quot;none&quot; instead of the empty string.
+
+        * svg/css/getComputedStyle-basic-expected.txt:
+        * fast/css/getComputedStyle/computed-style-expected.txt:
+        * fast/css/getComputedStyle/computed-style-without-renderer-expected.txt:
+        * fast/css/getComputedStyle/resources/property-names.js:
+        Add some always expected to be available longhand properties to check.
+
</ins><span class="cx"> 2017-01-06  Chris Dumez  &lt;cdumez@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         [Form Validation] &quot;character&quot; in maxlength validation message should be singular when maxlength is 1
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStylecomputedstyleexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -37,6 +37,8 @@
</span><span class="cx"> clear: none;
</span><span class="cx"> clip: auto;
</span><span class="cx"> color: rgb(0, 0, 0);
</span><ins>+counter-increment: none;
+counter-reset: none;
</ins><span class="cx"> content: ;
</span><span class="cx"> cursor: auto;
</span><span class="cx"> direction: ltr;
</span><span class="lines">@@ -48,6 +50,7 @@
</span><span class="cx"> font-synthesis: style weight small-caps;
</span><span class="cx"> font-variant: normal;
</span><span class="cx"> font-weight: normal;
</span><ins>+hanging-punctuation: none;
</ins><span class="cx"> height: 576px;
</span><span class="cx"> image-rendering: auto;
</span><span class="cx"> left: auto;
</span><span class="lines">@@ -64,11 +67,15 @@
</span><span class="cx"> max-width: none;
</span><span class="cx"> min-height: 0px;
</span><span class="cx"> min-width: 0px;
</span><ins>+object-fit: fill;
+object-position: 50% 50%;
</ins><span class="cx"> opacity: 1;
</span><span class="cx"> orphans: auto;
</span><span class="cx"> outline-color: rgb(0, 0, 0);
</span><ins>+outline-offset: 0px;
</ins><span class="cx"> outline-style: none;
</span><span class="cx"> outline-width: 0px;
</span><ins>+overflow-wrap: normal;
</ins><span class="cx"> overflow-x: visible;
</span><span class="cx"> overflow-y: visible;
</span><span class="cx"> padding-bottom: 0px;
</span><span class="lines">@@ -96,6 +103,10 @@
</span><span class="cx"> transform: none;
</span><span class="cx"> transform-origin: 392px 288px;
</span><span class="cx"> transform-style: flat;
</span><ins>+transition-delay: 0s;
+transition-duration: 0s;
+transition-property: all;
+transition-timing-function: ease;
</ins><span class="cx"> unicode-bidi: normal;
</span><span class="cx"> vertical-align: baseline;
</span><span class="cx"> visibility: visible;
</span><span class="lines">@@ -102,6 +113,7 @@
</span><span class="cx"> white-space: normal;
</span><span class="cx"> widows: auto;
</span><span class="cx"> width: 784px;
</span><ins>+will-change: auto;
</ins><span class="cx"> word-break: normal;
</span><span class="cx"> word-spacing: 0px;
</span><span class="cx"> word-wrap: normal;
</span><span class="lines">@@ -144,7 +156,11 @@
</span><span class="cx"> align-items: normal;
</span><span class="cx"> align-self: normal;
</span><span class="cx"> filter: none;
</span><ins>+flex-basis: auto;
</ins><span class="cx"> flex-direction: row;
</span><ins>+flex-flow: row nowrap;
+flex-grow: 0;
+flex-shrink: 1;
</ins><span class="cx"> flex-wrap: nowrap;
</span><span class="cx"> justify-content: normal;
</span><span class="cx"> justify-self: normal;
</span><span class="lines">@@ -203,6 +219,7 @@
</span><span class="cx"> perspective-origin: 392px 288px;
</span><span class="cx"> -webkit-print-color-adjust: economy;
</span><span class="cx"> -webkit-rtl-ordering: logical;
</span><ins>+shape-outside: none;
</ins><span class="cx"> -webkit-text-combine: none;
</span><span class="cx"> -webkit-text-decorations-in-effect: none;
</span><span class="cx"> -webkit-text-emphasis-color: rgb(0, 0, 0);
</span><span class="lines">@@ -217,9 +234,15 @@
</span><span class="cx"> -webkit-user-drag: auto;
</span><span class="cx"> -webkit-user-modify: read-only;
</span><span class="cx"> -webkit-user-select: text;
</span><ins>+shape-image-threshold: 0;
+shape-margin: 0px;
+shape-outside: none;
+shape-rendering: auto;
+buffered-rendering: auto;
</ins><span class="cx"> clip-path: none;
</span><span class="cx"> clip-rule: nonzero;
</span><span class="cx"> mask: none;
</span><ins>+mask-type: luminance;
</ins><span class="cx"> filter: none;
</span><span class="cx"> flood-color: rgb(0, 0, 0);
</span><span class="cx"> flood-opacity: 1;
</span><span class="lines">@@ -235,7 +258,7 @@
</span><span class="cx"> marker-end: none;
</span><span class="cx"> marker-mid: none;
</span><span class="cx"> marker-start: none;
</span><del>-shape-rendering: auto;
</del><ins>+paint-order: normal;
</ins><span class="cx"> stroke: none;
</span><span class="cx"> stroke-dasharray: none;
</span><span class="cx"> stroke-dashoffset: 0px;
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStylecomputedstylefontfamilyhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/computed-style-font-family.html (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/computed-style-font-family.html        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/fast/css/getComputedStyle/computed-style-font-family.html        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -7,7 +7,7 @@
</span><span class="cx">     var text = &quot;&quot;;
</span><span class="cx">     for (var i = 0; i != style.length; ++i) {
</span><span class="cx">         var name = style.item(i);
</span><del>-        if (!name.match(/^font/))
</del><ins>+        if (!name.match(/^font/) || name === &quot;font-variation-settings&quot;)
</ins><span class="cx">             continue;
</span><span class="cx">         var value = style.getPropertyValue(name);
</span><span class="cx">         text += name + &quot;: &quot; + value + &quot;;\n&quot;;
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStylecomputedstylewithoutrendererexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -36,6 +36,8 @@
</span><span class="cx"> clear: none
</span><span class="cx"> clip: auto
</span><span class="cx"> color: rgb(0, 0, 0)
</span><ins>+counter-increment: none
+counter-reset: none
</ins><span class="cx"> content: 
</span><span class="cx"> cursor: auto
</span><span class="cx"> direction: ltr
</span><span class="lines">@@ -47,6 +49,7 @@
</span><span class="cx"> font-synthesis: style weight small-caps
</span><span class="cx"> font-variant: normal
</span><span class="cx"> font-weight: normal
</span><ins>+hanging-punctuation: none
</ins><span class="cx"> height: 100px
</span><span class="cx"> image-rendering: auto
</span><span class="cx"> left: auto
</span><span class="lines">@@ -63,11 +66,15 @@
</span><span class="cx"> max-width: none
</span><span class="cx"> min-height: 0px
</span><span class="cx"> min-width: 0px
</span><ins>+object-fit: fill
+object-position: 50% 50%
</ins><span class="cx"> opacity: 1
</span><span class="cx"> orphans: auto
</span><span class="cx"> outline-color: rgb(0, 0, 0)
</span><ins>+outline-offset: 0px
</ins><span class="cx"> outline-style: none
</span><span class="cx"> outline-width: 0px
</span><ins>+overflow-wrap: normal
</ins><span class="cx"> overflow-x: visible
</span><span class="cx"> overflow-y: visible
</span><span class="cx"> padding-bottom: 0px
</span><span class="lines">@@ -95,6 +102,10 @@
</span><span class="cx"> transform: none
</span><span class="cx"> transform-origin: 50% 50%
</span><span class="cx"> transform-style: flat
</span><ins>+transition-delay: 0s
+transition-duration: 0s
+transition-property: all
+transition-timing-function: ease
</ins><span class="cx"> unicode-bidi: normal
</span><span class="cx"> vertical-align: baseline
</span><span class="cx"> visibility: visible
</span><span class="lines">@@ -101,6 +112,7 @@
</span><span class="cx"> white-space: normal
</span><span class="cx"> widows: auto
</span><span class="cx"> width: 50%
</span><ins>+will-change: auto
</ins><span class="cx"> word-break: normal
</span><span class="cx"> word-spacing: 0px
</span><span class="cx"> word-wrap: normal
</span><span class="lines">@@ -143,7 +155,11 @@
</span><span class="cx"> align-items: normal
</span><span class="cx"> align-self: normal
</span><span class="cx"> filter: none
</span><ins>+flex-basis: auto
</ins><span class="cx"> flex-direction: row
</span><ins>+flex-flow: row nowrap
+flex-grow: 0
+flex-shrink: 1
</ins><span class="cx"> flex-wrap: nowrap
</span><span class="cx"> justify-content: normal
</span><span class="cx"> justify-self: normal
</span><span class="lines">@@ -202,6 +218,7 @@
</span><span class="cx"> perspective-origin: 50% 50%
</span><span class="cx"> -webkit-print-color-adjust: economy
</span><span class="cx"> -webkit-rtl-ordering: logical
</span><ins>+shape-outside: none
</ins><span class="cx"> -webkit-text-combine: none
</span><span class="cx"> -webkit-text-decorations-in-effect: none
</span><span class="cx"> -webkit-text-emphasis-color: rgb(0, 0, 0)
</span><span class="lines">@@ -216,9 +233,15 @@
</span><span class="cx"> -webkit-user-drag: auto
</span><span class="cx"> -webkit-user-modify: read-only
</span><span class="cx"> -webkit-user-select: text
</span><ins>+shape-image-threshold: 0
+shape-margin: 0px
+shape-outside: none
+shape-rendering: auto
+buffered-rendering: auto
</ins><span class="cx"> clip-path: none
</span><span class="cx"> clip-rule: nonzero
</span><span class="cx"> mask: none
</span><ins>+mask-type: luminance
</ins><span class="cx"> filter: none
</span><span class="cx"> flood-color: rgb(0, 0, 0)
</span><span class="cx"> flood-opacity: 1
</span><span class="lines">@@ -234,7 +257,7 @@
</span><span class="cx"> marker-end: none
</span><span class="cx"> marker-mid: none
</span><span class="cx"> marker-start: none
</span><del>-shape-rendering: auto
</del><ins>+paint-order: normal
</ins><span class="cx"> stroke: none
</span><span class="cx"> stroke-dasharray: none
</span><span class="cx"> stroke-dashoffset: 0px
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStylecounterIncrementwithoutcounterexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter-expected.txt (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter-expected.txt        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter-expected.txt        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -1,3 +1,3 @@
</span><del>-PASS style.counterIncrement is '';
-PASS style.counterReset is '';
</del><ins>+PASS style.counterIncrement is &quot;none&quot;
+PASS style.counterReset is &quot;none&quot;
</ins><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStylecounterIncrementwithoutcounterhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter.html (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter.html        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/fast/css/getComputedStyle/counterIncrement-without-counter.html        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -3,11 +3,11 @@
</span><span class="cx"> &lt;script src=&quot;../../../resources/js-test-pre.js&quot;&gt;&lt;/script&gt;
</span><span class="cx"> &lt;/head&gt;
</span><span class="cx"> &lt;body&gt;
</span><del>-    &lt;div id=&quot;console&quot;&gt;&lt;/div&gt;
-    &lt;script&gt;
-        var style = window.getComputedStyle(document.body, null);
-        shouldBe(&quot;style.counterIncrement&quot;, &quot;'';&quot;);
-        shouldBe(&quot;style.counterReset&quot;, &quot;'';&quot;);
-    &lt;/script&gt;
</del><ins>+&lt;div id=&quot;console&quot;&gt;&lt;/div&gt;
+&lt;script&gt;
+var style = window.getComputedStyle(document.body, null);
+shouldBeEqualToString(&quot;style.counterIncrement&quot;, &quot;none&quot;);
+shouldBeEqualToString(&quot;style.counterReset&quot;, &quot;none&quot;);
+&lt;/script&gt;
</ins><span class="cx"> &lt;/body&gt;
</span><span class="cx"> &lt;/html&gt;
</span></span></pre></div>
<a id="trunkLayoutTestsfastcssgetComputedStyleresourcespropertynamesjs"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/fast/css/getComputedStyle/resources/property-names.js        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -44,7 +44,13 @@
</span><span class="cx">     &quot;column-rule-width&quot;: true,
</span><span class="cx">     &quot;column-span&quot;: true,
</span><span class="cx">     &quot;column-width&quot;: true,
</span><ins>+    &quot;counter-increment&quot;: true,
+    &quot;counter-reset&quot;: true,
+    &quot;flex-basis&quot;: true,
</ins><span class="cx">     &quot;flex-direction&quot;: true,
</span><ins>+    &quot;flex-flow&quot;: true,
+    &quot;flex-grow&quot;: true,
+    &quot;flex-shrink&quot;: true,
</ins><span class="cx">     &quot;flex-wrap&quot;: true,
</span><span class="cx">     &quot;-webkit-font-kerning&quot;: true,
</span><span class="cx">     &quot;-webkit-font-smoothing&quot;: true,
</span><span class="lines">@@ -114,10 +120,10 @@
</span><span class="cx">     &quot;transform-origin&quot;: true,
</span><span class="cx">     &quot;transform-style&quot;: true,
</span><span class="cx">     &quot;-webkit-transform-style&quot;: true,
</span><del>-    &quot;-webkit-transition-delay&quot;: true,
-    &quot;-webkit-transition-duration&quot;: true,
-    &quot;-webkit-transition-property&quot;: true,
-    &quot;-webkit-transition-timing-function&quot;: true,
</del><ins>+    &quot;transition-delay&quot;: true,
+    &quot;transition-duration&quot;: true,
+    &quot;transition-property&quot;: true,
+    &quot;transition-timing-function&quot;: true,
</ins><span class="cx">     &quot;-webkit-user-drag&quot;: true,
</span><span class="cx">     &quot;-webkit-user-modify&quot;: true,
</span><span class="cx">     &quot;-webkit-user-select&quot;: true,
</span><span class="lines">@@ -157,6 +163,7 @@
</span><span class="cx">     &quot;bottom&quot;: true,
</span><span class="cx">     &quot;box-shadow&quot;: true,
</span><span class="cx">     &quot;box-sizing&quot;: true,
</span><ins>+    &quot;buffered-rendering&quot;: true,
</ins><span class="cx">     &quot;caption-side&quot;: true,
</span><span class="cx">     &quot;clear&quot;: true,
</span><span class="cx">     &quot;clip&quot;: true,
</span><span class="lines">@@ -183,15 +190,16 @@
</span><span class="cx">     &quot;font-style&quot;: true,
</span><span class="cx">     &quot;font-synthesis&quot;: true,
</span><span class="cx">     &quot;font-variant&quot;: true,
</span><ins>+    &quot;font-variant-alternates&quot;: true,
+    &quot;font-variant-caps&quot;: true,
+    &quot;font-variant-east-asian&quot;: true,
</ins><span class="cx">     &quot;font-variant-ligatures&quot;: true,
</span><ins>+    &quot;font-variant-numeric&quot;: true,
</ins><span class="cx">     &quot;font-variant-position&quot;: true,
</span><del>-    &quot;font-variant-caps&quot;: true,
-    &quot;font-variant-numeric&quot;: true,
-    &quot;font-variant-alternates&quot;: true,
-    &quot;font-variant-east-asian&quot;: true,
</del><span class="cx">     &quot;font-weight&quot;: true,
</span><span class="cx">     &quot;glyph-orientation-horizontal&quot;: true,
</span><span class="cx">     &quot;glyph-orientation-vertical&quot;: true,
</span><ins>+    &quot;hanging-punctuation&quot;: true,
</ins><span class="cx">     &quot;height&quot;: true,
</span><span class="cx">     &quot;image-rendering&quot;: true,
</span><span class="cx">     &quot;kerning&quot;: true,
</span><span class="lines">@@ -210,15 +218,20 @@
</span><span class="cx">     &quot;marker-mid&quot;: true,
</span><span class="cx">     &quot;marker-start&quot;: true,
</span><span class="cx">     &quot;mask&quot;: true,
</span><ins>+    &quot;mask-type&quot;: true,
</ins><span class="cx">     &quot;max-height&quot;: true,
</span><span class="cx">     &quot;max-width&quot;: true,
</span><span class="cx">     &quot;min-height&quot;: true,
</span><span class="cx">     &quot;min-width&quot;: true,
</span><ins>+    &quot;object-fit&quot;: true,
+    &quot;object-position&quot;: true,
</ins><span class="cx">     &quot;opacity&quot;: true,
</span><span class="cx">     &quot;orphans&quot;: true,
</span><span class="cx">     &quot;outline-color&quot;: true,
</span><ins>+    &quot;outline-offset&quot;: true,
</ins><span class="cx">     &quot;outline-style&quot;: true,
</span><span class="cx">     &quot;outline-width&quot;: true,
</span><ins>+    &quot;overflow-wrap&quot;: true,
</ins><span class="cx">     &quot;overflow-x&quot;: true,
</span><span class="cx">     &quot;overflow-y&quot;: true,
</span><span class="cx">     &quot;padding-bottom&quot;: true,
</span><span class="lines">@@ -228,10 +241,14 @@
</span><span class="cx">     &quot;page-break-after&quot;: true,
</span><span class="cx">     &quot;page-break-before&quot;: true,
</span><span class="cx">     &quot;page-break-inside&quot;: true,
</span><ins>+    &quot;paint-order&quot;: true,
</ins><span class="cx">     &quot;pointer-events&quot;: true,
</span><span class="cx">     &quot;position&quot;: true,
</span><span class="cx">     &quot;resize&quot;: true,
</span><span class="cx">     &quot;right&quot;: true,
</span><ins>+    &quot;shape-image-threshold&quot;: true,
+    &quot;shape-margin&quot;: true,
+    &quot;shape-outside&quot;: true,
</ins><span class="cx">     &quot;shape-rendering&quot;: true,
</span><span class="cx">     &quot;speak&quot;: true,
</span><span class="cx">     &quot;stop-color&quot;: true,
</span><span class="lines">@@ -262,6 +279,7 @@
</span><span class="cx">     &quot;white-space&quot;: true,
</span><span class="cx">     &quot;widows&quot;: true,
</span><span class="cx">     &quot;width&quot;: true,
</span><ins>+    &quot;will-change&quot;: true,
</ins><span class="cx">     &quot;word-break&quot;: true,
</span><span class="cx">     &quot;word-spacing&quot;: true,
</span><span class="cx">     &quot;word-wrap&quot;: true,
</span></span></pre></div>
<a id="trunkLayoutTestssvgcssgetComputedStylebasicexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -72,6 +72,10 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(clip) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(color) : rgb(0, 0, 0)
</span><span class="cx"> rect: style.getPropertyCSSValue(color) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(counter-increment) : none
+rect: style.getPropertyCSSValue(counter-increment) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(counter-reset) : none
+rect: style.getPropertyCSSValue(counter-reset) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(content) : 
</span><span class="cx"> rect: style.getPropertyCSSValue(content) : [object CSSValueList]
</span><span class="cx"> rect: style.getPropertyValue(cursor) : auto
</span><span class="lines">@@ -94,6 +98,8 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(font-variant) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(font-weight) : normal
</span><span class="cx"> rect: style.getPropertyCSSValue(font-weight) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(hanging-punctuation) : none
+rect: style.getPropertyCSSValue(hanging-punctuation) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(height) : 100px
</span><span class="cx"> rect: style.getPropertyCSSValue(height) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(image-rendering) : auto
</span><span class="lines">@@ -126,6 +132,10 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(min-height) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(min-width) : 0px
</span><span class="cx"> rect: style.getPropertyCSSValue(min-width) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(object-fit) : fill
+rect: style.getPropertyCSSValue(object-fit) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(object-position) : 50% 50%
+rect: style.getPropertyCSSValue(object-position) : [object CSSValueList]
</ins><span class="cx"> rect: style.getPropertyValue(opacity) : 1
</span><span class="cx"> rect: style.getPropertyCSSValue(opacity) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(orphans) : auto
</span><span class="lines">@@ -132,10 +142,14 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(orphans) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(outline-color) : rgb(0, 0, 0)
</span><span class="cx"> rect: style.getPropertyCSSValue(outline-color) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(outline-offset) : 0px
+rect: style.getPropertyCSSValue(outline-offset) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(outline-style) : none
</span><span class="cx"> rect: style.getPropertyCSSValue(outline-style) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(outline-width) : 0px
</span><span class="cx"> rect: style.getPropertyCSSValue(outline-width) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(overflow-wrap) : normal
+rect: style.getPropertyCSSValue(overflow-wrap) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(overflow-x) : visible
</span><span class="cx"> rect: style.getPropertyCSSValue(overflow-x) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(overflow-y) : visible
</span><span class="lines">@@ -190,6 +204,14 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(transform-origin) : [object CSSValueList]
</span><span class="cx"> rect: style.getPropertyValue(transform-style) : flat
</span><span class="cx"> rect: style.getPropertyCSSValue(transform-style) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(transition-delay) : 0s
+rect: style.getPropertyCSSValue(transition-delay) : [object CSSValueList]
+rect: style.getPropertyValue(transition-duration) : 0s
+rect: style.getPropertyCSSValue(transition-duration) : [object CSSValueList]
+rect: style.getPropertyValue(transition-property) : all
+rect: style.getPropertyCSSValue(transition-property) : [object CSSValueList]
+rect: style.getPropertyValue(transition-timing-function) : ease
+rect: style.getPropertyCSSValue(transition-timing-function) : [object CSSValueList]
</ins><span class="cx"> rect: style.getPropertyValue(unicode-bidi) : normal
</span><span class="cx"> rect: style.getPropertyCSSValue(unicode-bidi) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(vertical-align) : baseline
</span><span class="lines">@@ -202,6 +224,8 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(widows) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(width) : 100px
</span><span class="cx"> rect: style.getPropertyCSSValue(width) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(will-change) : auto
+rect: style.getPropertyCSSValue(will-change) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(word-break) : normal
</span><span class="cx"> rect: style.getPropertyCSSValue(word-break) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(word-spacing) : 0px
</span><span class="lines">@@ -286,8 +310,16 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(align-self) : [object CSSValueList]
</span><span class="cx"> rect: style.getPropertyValue(filter) : none
</span><span class="cx"> rect: style.getPropertyCSSValue(filter) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(flex-basis) : auto
+rect: style.getPropertyCSSValue(flex-basis) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(flex-direction) : row
</span><span class="cx"> rect: style.getPropertyCSSValue(flex-direction) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(flex-flow) : row nowrap
+rect: style.getPropertyCSSValue(flex-flow) : [object CSSValueList]
+rect: style.getPropertyValue(flex-grow) : 0
+rect: style.getPropertyCSSValue(flex-grow) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(flex-shrink) : 1
+rect: style.getPropertyCSSValue(flex-shrink) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(flex-wrap) : nowrap
</span><span class="cx"> rect: style.getPropertyCSSValue(flex-wrap) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(justify-content) : normal
</span><span class="lines">@@ -404,6 +436,8 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(-webkit-print-color-adjust) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(-webkit-rtl-ordering) : logical
</span><span class="cx"> rect: style.getPropertyCSSValue(-webkit-rtl-ordering) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(shape-outside) : none
+rect: style.getPropertyCSSValue(shape-outside) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(-webkit-text-combine) : none
</span><span class="cx"> rect: style.getPropertyCSSValue(-webkit-text-combine) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(-webkit-text-decorations-in-effect) : none
</span><span class="lines">@@ -432,6 +466,16 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(-webkit-user-modify) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(-webkit-user-select) : text
</span><span class="cx"> rect: style.getPropertyCSSValue(-webkit-user-select) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(shape-image-threshold) : 0
+rect: style.getPropertyCSSValue(shape-image-threshold) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(shape-margin) : 0px
+rect: style.getPropertyCSSValue(shape-margin) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(shape-outside) : none
+rect: style.getPropertyCSSValue(shape-outside) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(shape-rendering) : auto
+rect: style.getPropertyCSSValue(shape-rendering) : [object CSSPrimitiveValue]
+rect: style.getPropertyValue(buffered-rendering) : auto
+rect: style.getPropertyCSSValue(buffered-rendering) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(clip-path) : none
</span><span class="cx"> rect: style.getPropertyCSSValue(clip-path) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(clip-rule) : nonzero
</span><span class="lines">@@ -438,6 +482,8 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(clip-rule) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(mask) : none
</span><span class="cx"> rect: style.getPropertyCSSValue(mask) : [object CSSPrimitiveValue]
</span><ins>+rect: style.getPropertyValue(mask-type) : luminance
+rect: style.getPropertyCSSValue(mask-type) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(filter) : none
</span><span class="cx"> rect: style.getPropertyCSSValue(filter) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(flood-color) : rgb(0, 0, 0)
</span><span class="lines">@@ -468,8 +514,8 @@
</span><span class="cx"> rect: style.getPropertyCSSValue(marker-mid) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(marker-start) : none
</span><span class="cx"> rect: style.getPropertyCSSValue(marker-start) : [object CSSPrimitiveValue]
</span><del>-rect: style.getPropertyValue(shape-rendering) : auto
-rect: style.getPropertyCSSValue(shape-rendering) : [object CSSPrimitiveValue]
</del><ins>+rect: style.getPropertyValue(paint-order) : normal
+rect: style.getPropertyCSSValue(paint-order) : [object CSSPrimitiveValue]
</ins><span class="cx"> rect: style.getPropertyValue(stroke) : rgb(255, 165, 0)
</span><span class="cx"> rect: style.getPropertyCSSValue(stroke) : [object CSSPrimitiveValue]
</span><span class="cx"> rect: style.getPropertyValue(stroke-dasharray) : none
</span><span class="lines">@@ -580,6 +626,10 @@
</span><span class="cx"> g: style.getPropertyCSSValue(clip) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(color) : rgb(0, 0, 0)
</span><span class="cx"> g: style.getPropertyCSSValue(color) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(counter-increment) : none
+g: style.getPropertyCSSValue(counter-increment) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(counter-reset) : none
+g: style.getPropertyCSSValue(counter-reset) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(content) : 
</span><span class="cx"> g: style.getPropertyCSSValue(content) : [object CSSValueList]
</span><span class="cx"> g: style.getPropertyValue(cursor) : auto
</span><span class="lines">@@ -602,6 +652,8 @@
</span><span class="cx"> g: style.getPropertyCSSValue(font-variant) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(font-weight) : normal
</span><span class="cx"> g: style.getPropertyCSSValue(font-weight) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(hanging-punctuation) : none
+g: style.getPropertyCSSValue(hanging-punctuation) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(height) : auto
</span><span class="cx"> g: style.getPropertyCSSValue(height) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(image-rendering) : auto
</span><span class="lines">@@ -634,6 +686,10 @@
</span><span class="cx"> g: style.getPropertyCSSValue(min-height) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(min-width) : 0px
</span><span class="cx"> g: style.getPropertyCSSValue(min-width) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(object-fit) : fill
+g: style.getPropertyCSSValue(object-fit) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(object-position) : 50% 50%
+g: style.getPropertyCSSValue(object-position) : [object CSSValueList]
</ins><span class="cx"> g: style.getPropertyValue(opacity) : 1
</span><span class="cx"> g: style.getPropertyCSSValue(opacity) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(orphans) : auto
</span><span class="lines">@@ -640,10 +696,14 @@
</span><span class="cx"> g: style.getPropertyCSSValue(orphans) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(outline-color) : rgb(0, 0, 0)
</span><span class="cx"> g: style.getPropertyCSSValue(outline-color) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(outline-offset) : 0px
+g: style.getPropertyCSSValue(outline-offset) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(outline-style) : none
</span><span class="cx"> g: style.getPropertyCSSValue(outline-style) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(outline-width) : 0px
</span><span class="cx"> g: style.getPropertyCSSValue(outline-width) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(overflow-wrap) : normal
+g: style.getPropertyCSSValue(overflow-wrap) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(overflow-x) : visible
</span><span class="cx"> g: style.getPropertyCSSValue(overflow-x) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(overflow-y) : visible
</span><span class="lines">@@ -698,6 +758,14 @@
</span><span class="cx"> g: style.getPropertyCSSValue(transform-origin) : [object CSSValueList]
</span><span class="cx"> g: style.getPropertyValue(transform-style) : flat
</span><span class="cx"> g: style.getPropertyCSSValue(transform-style) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(transition-delay) : 0s
+g: style.getPropertyCSSValue(transition-delay) : [object CSSValueList]
+g: style.getPropertyValue(transition-duration) : 0s
+g: style.getPropertyCSSValue(transition-duration) : [object CSSValueList]
+g: style.getPropertyValue(transition-property) : all
+g: style.getPropertyCSSValue(transition-property) : [object CSSValueList]
+g: style.getPropertyValue(transition-timing-function) : ease
+g: style.getPropertyCSSValue(transition-timing-function) : [object CSSValueList]
</ins><span class="cx"> g: style.getPropertyValue(unicode-bidi) : normal
</span><span class="cx"> g: style.getPropertyCSSValue(unicode-bidi) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(vertical-align) : baseline
</span><span class="lines">@@ -710,6 +778,8 @@
</span><span class="cx"> g: style.getPropertyCSSValue(widows) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(width) : auto
</span><span class="cx"> g: style.getPropertyCSSValue(width) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(will-change) : auto
+g: style.getPropertyCSSValue(will-change) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(word-break) : normal
</span><span class="cx"> g: style.getPropertyCSSValue(word-break) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(word-spacing) : 0px
</span><span class="lines">@@ -794,8 +864,16 @@
</span><span class="cx"> g: style.getPropertyCSSValue(align-self) : [object CSSValueList]
</span><span class="cx"> g: style.getPropertyValue(filter) : none
</span><span class="cx"> g: style.getPropertyCSSValue(filter) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(flex-basis) : auto
+g: style.getPropertyCSSValue(flex-basis) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(flex-direction) : row
</span><span class="cx"> g: style.getPropertyCSSValue(flex-direction) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(flex-flow) : row nowrap
+g: style.getPropertyCSSValue(flex-flow) : [object CSSValueList]
+g: style.getPropertyValue(flex-grow) : 0
+g: style.getPropertyCSSValue(flex-grow) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(flex-shrink) : 1
+g: style.getPropertyCSSValue(flex-shrink) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(flex-wrap) : nowrap
</span><span class="cx"> g: style.getPropertyCSSValue(flex-wrap) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(justify-content) : normal
</span><span class="lines">@@ -912,6 +990,8 @@
</span><span class="cx"> g: style.getPropertyCSSValue(-webkit-print-color-adjust) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(-webkit-rtl-ordering) : logical
</span><span class="cx"> g: style.getPropertyCSSValue(-webkit-rtl-ordering) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(shape-outside) : none
+g: style.getPropertyCSSValue(shape-outside) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(-webkit-text-combine) : none
</span><span class="cx"> g: style.getPropertyCSSValue(-webkit-text-combine) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(-webkit-text-decorations-in-effect) : none
</span><span class="lines">@@ -940,6 +1020,16 @@
</span><span class="cx"> g: style.getPropertyCSSValue(-webkit-user-modify) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(-webkit-user-select) : text
</span><span class="cx"> g: style.getPropertyCSSValue(-webkit-user-select) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(shape-image-threshold) : 0
+g: style.getPropertyCSSValue(shape-image-threshold) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(shape-margin) : 0px
+g: style.getPropertyCSSValue(shape-margin) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(shape-outside) : none
+g: style.getPropertyCSSValue(shape-outside) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(shape-rendering) : auto
+g: style.getPropertyCSSValue(shape-rendering) : [object CSSPrimitiveValue]
+g: style.getPropertyValue(buffered-rendering) : auto
+g: style.getPropertyCSSValue(buffered-rendering) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(clip-path) : none
</span><span class="cx"> g: style.getPropertyCSSValue(clip-path) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(clip-rule) : nonzero
</span><span class="lines">@@ -946,6 +1036,8 @@
</span><span class="cx"> g: style.getPropertyCSSValue(clip-rule) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(mask) : none
</span><span class="cx"> g: style.getPropertyCSSValue(mask) : [object CSSPrimitiveValue]
</span><ins>+g: style.getPropertyValue(mask-type) : luminance
+g: style.getPropertyCSSValue(mask-type) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(filter) : none
</span><span class="cx"> g: style.getPropertyCSSValue(filter) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(flood-color) : rgb(0, 0, 0)
</span><span class="lines">@@ -976,8 +1068,8 @@
</span><span class="cx"> g: style.getPropertyCSSValue(marker-mid) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(marker-start) : none
</span><span class="cx"> g: style.getPropertyCSSValue(marker-start) : [object CSSPrimitiveValue]
</span><del>-g: style.getPropertyValue(shape-rendering) : auto
-g: style.getPropertyCSSValue(shape-rendering) : [object CSSPrimitiveValue]
</del><ins>+g: style.getPropertyValue(paint-order) : normal
+g: style.getPropertyCSSValue(paint-order) : [object CSSPrimitiveValue]
</ins><span class="cx"> g: style.getPropertyValue(stroke) : rgb(255, 165, 0)
</span><span class="cx"> g: style.getPropertyCSSValue(stroke) : [object CSSPrimitiveValue]
</span><span class="cx"> g: style.getPropertyValue(stroke-dasharray) : none
</span></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/Source/WebCore/ChangeLog        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -1,3 +1,18 @@
</span><ins>+2017-01-06  Joseph Pecoraro  &lt;pecoraro@apple.com&gt;
+
+        Add some missing longhand properties to CSSComputedStyleDeclaration and fix default values
+        https://bugs.webkit.org/show_bug.cgi?id=166674
+        &lt;rdar://problem/6026159&gt;
+
+        Reviewed by Darin Adler.
+
+        * css/CSSComputedStyleDeclaration.cpp:
+        Add some missing longhand properties to the list of all longhand properties.
+
+        (WebCore::counterToCSSValue):
+        The default value for counter-increment and counter-reset should be &quot;none&quot;
+        not the empty string.
+
</ins><span class="cx"> 2017-01-06  Chris Dumez  &lt;cdumez@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         [Form Validation] &quot;character&quot; in maxlength validation message should be singular when maxlength is 1
</span></span></pre></div>
<a id="trunkSourceWebCorecssCSSComputedStyleDeclarationcpp"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp (210448 => 210449)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp        2017-01-06 19:54:43 UTC (rev 210448)
+++ trunk/Source/WebCore/css/CSSComputedStyleDeclaration.cpp        2017-01-06 20:02:45 UTC (rev 210449)
</span><span class="lines">@@ -147,6 +147,8 @@
</span><span class="cx">     CSSPropertyClear,
</span><span class="cx">     CSSPropertyClip,
</span><span class="cx">     CSSPropertyColor,
</span><ins>+    CSSPropertyCounterIncrement,
+    CSSPropertyCounterReset,
</ins><span class="cx">     CSSPropertyContent,
</span><span class="cx">     CSSPropertyCursor,
</span><span class="cx">     CSSPropertyDirection,
</span><span class="lines">@@ -159,6 +161,7 @@
</span><span class="cx">     CSSPropertyFontSynthesis,
</span><span class="cx">     CSSPropertyFontVariant,
</span><span class="cx">     CSSPropertyFontWeight,
</span><ins>+    CSSPropertyHangingPunctuation,
</ins><span class="cx">     CSSPropertyHeight,
</span><span class="cx"> #if ENABLE(CSS_IMAGE_ORIENTATION)
</span><span class="cx">     CSSPropertyImageOrientation,
</span><span class="lines">@@ -181,6 +184,8 @@
</span><span class="cx">     CSSPropertyMaxWidth,
</span><span class="cx">     CSSPropertyMinHeight,
</span><span class="cx">     CSSPropertyMinWidth,
</span><ins>+    CSSPropertyObjectFit,
+    CSSPropertyObjectPosition,
</ins><span class="cx">     CSSPropertyOpacity,
</span><span class="cx">     CSSPropertyOrphans,
</span><span class="cx">     CSSPropertyOutlineColor,
</span><span class="lines">@@ -234,6 +239,7 @@
</span><span class="cx">     CSSPropertyWhiteSpace,
</span><span class="cx">     CSSPropertyWidows,
</span><span class="cx">     CSSPropertyWidth,
</span><ins>+    CSSPropertyWillChange,
</ins><span class="cx">     CSSPropertyWordBreak,
</span><span class="cx">     CSSPropertyWordSpacing,
</span><span class="cx">     CSSPropertyWordWrap,
</span><span class="lines">@@ -308,9 +314,10 @@
</span><span class="cx">     CSSPropertyAlignSelf,
</span><span class="cx">     CSSPropertyFilter,
</span><span class="cx">     CSSPropertyFlexBasis,
</span><ins>+    CSSPropertyFlexDirection,
+    CSSPropertyFlexFlow,
</ins><span class="cx">     CSSPropertyFlexGrow,
</span><span class="cx">     CSSPropertyFlexShrink,
</span><del>-    CSSPropertyFlexDirection,
</del><span class="cx">     CSSPropertyFlexWrap,
</span><span class="cx">     CSSPropertyJustifyContent,
</span><span class="cx"> #if ENABLE(CSS_GRID_LAYOUT)
</span><span class="lines">@@ -328,6 +335,9 @@
</span><span class="cx">     CSSPropertyFontVariantNumeric,
</span><span class="cx">     CSSPropertyFontVariantAlternates,
</span><span class="cx">     CSSPropertyFontVariantEastAsian,
</span><ins>+#if ENABLE(VARIATION_FONTS)
+    CSSPropertyFontVariationSettings,
+#endif
</ins><span class="cx"> #if ENABLE(CSS_GRID_LAYOUT)
</span><span class="cx">     CSSPropertyGridAutoColumns,
</span><span class="cx">     CSSPropertyGridAutoFlow,
</span><span class="lines">@@ -417,8 +427,10 @@
</span><span class="cx">     CSSPropertyWebkitRegionBreakInside,
</span><span class="cx">     CSSPropertyWebkitRegionFragment,
</span><span class="cx"> #endif
</span><ins>+    CSSPropertyShapeImageThreshold,
</ins><span class="cx">     CSSPropertyShapeMargin,
</span><del>-    CSSPropertyShapeImageThreshold,
</del><ins>+    CSSPropertyShapeOutside,
+    CSSPropertyShapeRendering,
</ins><span class="cx">     CSSPropertyBufferedRendering,
</span><span class="cx">     CSSPropertyClipPath,
</span><span class="cx">     CSSPropertyClipRule,
</span><span class="lines">@@ -425,6 +437,7 @@
</span><span class="cx">     CSSPropertyCx,
</span><span class="cx">     CSSPropertyCy,
</span><span class="cx">     CSSPropertyMask,
</span><ins>+    CSSPropertyMaskType,
</ins><span class="cx">     CSSPropertyFilter,
</span><span class="cx">     CSSPropertyFloodColor,
</span><span class="cx">     CSSPropertyFloodOpacity,
</span><span class="lines">@@ -440,12 +453,10 @@
</span><span class="cx">     CSSPropertyMarkerEnd,
</span><span class="cx">     CSSPropertyMarkerMid,
</span><span class="cx">     CSSPropertyMarkerStart,
</span><del>-    CSSPropertyMaskType,
</del><span class="cx">     CSSPropertyPaintOrder,
</span><span class="cx">     CSSPropertyR,
</span><span class="cx">     CSSPropertyRx,
</span><span class="cx">     CSSPropertyRy,
</span><del>-    CSSPropertyShapeRendering,
</del><span class="cx">     CSSPropertyStroke,
</span><span class="cx">     CSSPropertyStrokeDasharray,
</span><span class="cx">     CSSPropertyStrokeDashoffset,
</span><span class="lines">@@ -1847,11 +1858,11 @@
</span><span class="cx">     return list;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-static RefPtr&lt;CSSValue&gt; counterToCSSValue(const RenderStyle* style, CSSPropertyID propertyID)
</del><ins>+static Ref&lt;CSSValue&gt; counterToCSSValue(const RenderStyle* style, CSSPropertyID propertyID)
</ins><span class="cx"> {
</span><span class="cx">     const CounterDirectiveMap* map = style-&gt;counterDirectives();
</span><span class="cx">     if (!map)
</span><del>-        return nullptr;
</del><ins>+        return CSSValuePool::singleton().createIdentifierValue(CSSValueNone);
</ins><span class="cx"> 
</span><span class="cx">     auto&amp; cssValuePool = CSSValuePool::singleton();
</span><span class="cx">     auto list = CSSValueList::createSpaceSeparated();
</span></span></pre>
</div>
</div>

</body>
</html>