<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 - CSS.supports returns false for custom properties"
href="https://bugs.webkit.org/show_bug.cgi?id=154669">154669</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>CSS.supports returns false for custom properties
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>All
</td>
</tr>
<tr>
<th>OS</th>
<td>OS X 10.11
</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>HTML DOM
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>50167214@qq.com
</td>
</tr></table>
<p>
<div>
<pre>1. Run CSS.supports('--foo', 'red') on the JavaScript console
What is the expected result?
true getting logged in the console
What happens instead?
false getting logged in the console
As custom properties (aka CSS variables) are now supported in Chromium, CSS.supports('--foo', 'red') should return true.
The alternative method signature using a conditionText works already correct and returns true for CSS.supports('(--foo: red)')
The related specification can be found here:
<a href="https://drafts.csswg.org/css-conditional-3/#the-css-interface">https://drafts.csswg.org/css-conditional-3/#the-css-interface</a>
See also: <a href="https://crbug.com/584683(Blink">https://crbug.com/584683(Blink</a> fixed)</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>