<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 - tranform(3d)+transition in elements cause fixed elements to move"
href="https://bugs.webkit.org/show_bug.cgi?id=151409">151409</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>tranform(3d)+transition in elements cause fixed elements to move
</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>PC
</td>
</tr>
<tr>
<th>OS</th>
<td>Windows 7
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Minor
</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>laltronereo@yahoo.it
</td>
</tr></table>
<p>
<div>
<pre>Steps to reproduce the problem:
1. create element which rotateY(#deg) every N seconds with transition (javascript timeout)
2. add a fixed element (outside the first element - not related to it) and apply a rotateY(#deg).
3. add any text and link to the html
What is the expected behavior?
fixed element should not move.
text should not be repainted
What went wrong?
the fixed element slighty move by 1-3px.
sometimes doesn't happen
sometime text became blurred when transition is occuring, like the whole document is being transformed
Did this work before? N/A
Chrome version: 46.0.2490.86 Channel: stable
OS: Windows 7
you can see a live example at www.rocchetto.it: (the red dot at the bottom right is a fixed element, the gallery have 3d animation)</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>