<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 - Repaint issue Safari 10.1"
href="https://bugs.webkit.org/show_bug.cgi?id=170280">170280</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Repaint issue Safari 10.1
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 10
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iPhone / iPad
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 10
</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>wart.claes@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>On a page with a fixed positioned element in WKWebView renders the element on the wrong place.
This occurs when the element is shown after a user interaction. The element is positioned lower then it should be. This only happens on iOS 10.3 (Safari 10.1).
The bug was tested on iPhone 5s and iPhone 7.
Link to the github repository <a href="https://github.com/WartClaes/ios10.3-bug/tree/master">https://github.com/WartClaes/ios10.3-bug/tree/master</a> with a simple test case.
Link to the demo page <a href="http://trbo.be/ios/">http://trbo.be/ios/</a>
# Steps to reproduce
1. On initial load, scroll down so the button is in the middle of the screen
2. Click the button
3. The fixed header is now shown somewhere on the page, but not in it’s intended position
4. If you want to select the text “header”, you can notice that the actual element is still on top where it should be, it is just painted in the wrong place</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>