<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 - WebKit considers exponential notation invalid when used inside CSS transforms."
href="https://bugs.webkit.org/show_bug.cgi?id=154506">154506</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>WebKit considers exponential notation invalid when used inside CSS transforms.
</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>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>anvaka@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=271870" name="attach_271870" title="transform bug demo">attachment 271870</a> <a href="attachment.cgi?id=271870&action=edit" title="transform bug demo">[details]</a></span>
transform bug demo
Nested (orange) div should be translated to the right:
<div style='background: green'>
<div style="width:100px; height: 100px; background: orange; transform: translateX(0.0000001E+9px);">42424242</div>
</div>
See the image attached. FireFox and Chrome render this properly.
Verified using latest Nightly build (Version 9.0.3 (10601.4.4, r196858)) on OSX (10.10.5)
Have also confirmed this bug in mobile iOS browser (Mozilla/5.0 (iPhone; CPU iPhone OS 9_2_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13D15 Safari/601.1)
Verified that the same happens for matrix3 transforms.
JSBin: <a href="http://jsbin.com/didotureja/edit?html,css,output">http://jsbin.com/didotureja/edit?html,css,output</a>
CSS Specs for <number>: <a href="https://www.w3.org/TR/css3-values/#number-value">https://www.w3.org/TR/css3-values/#number-value</a> - allows exponential notation</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>