<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Serialization of custom props in longhand should be "" not value of shorthand"
href="https://bugs.webkit.org/show_bug.cgi?id=167699">167699</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Serialization of custom props in longhand should be "" not value of shorthand
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 10
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>gwhit@microsoft.com
</td>
</tr></table>
<p>
<div>
<pre>Example URL:
<a href="https://jsfiddle.net/ok8uwunf/">https://jsfiddle.net/ok8uwunf/</a>
Steps to reproduce the problem:
1. Open <a href="https://jsfiddle.net/ok8uwunf/">https://jsfiddle.net/ok8uwunf/</a>
2. Look at value displayed in target element
What is the expected behavior?
================================
The value should be "" since the variable substitution hasn't occurred
What went wrong?
================================
It seems that Blink doesn't follow this line of the spec:
"Pending-substitution values must be serialized as the empty string, if an API allows them to be observed."
Since we are looking at specified style, this needs to be an empty string.
Firefox: no repro
Edge: no repro
Blink: Repro</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>