<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 - The formatForeColor event fired by the touch bar when changing color sends the color in rgb(x, y, z) format instead of hex."
href="https://bugs.webkit.org/show_bug.cgi?id=167959">167959</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>The formatForeColor event fired by the touch bar when changing color sends the color in rgb(x, y, z) format instead of hex.
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari Technology Preview
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>macOS 10.12
</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 Events
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>charleyroy@google.com
</td>
</tr></table>
<p>
<div>
<pre>Steps to reproduce:
1. Go to <a href="https://jsfiddle.net/v79uznt7/1/">https://jsfiddle.net/v79uznt7/1/</a>
2. Open JS console
3. Put cursor in the editable body
4. Use the touch bar to set the color of the text
Observe that e.data is sent as "rgb(x, y, z)"
This is inconsistent with the spec for Input Events (<a href="https://w3c.github.io/input-events/">https://w3c.github.io/input-events/</a>) which states that `If the inputType is "formatBackColor" or "formatFontColor" the value of data is to be the hex digit value of the proposed color.`
While the formatForeColor event is not specified in the Input Events spec, it would be nice to be consistent on how this data is represented across all events. Secondly, why is formatForeColor being used and not formatFontColor?</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>