<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 - WKWebView does not re-layout fixed positioned element after orientation change"
href="https://bugs.webkit.org/show_bug.cgi?id=144913">144913</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>WKWebView does not re-layout fixed positioned element after orientation change
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>528+ (Nightly build)
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>Unspecified
</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>WebKit2
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>stefan@arentz.ca
</td>
</tr></table>
<p>
<div>
<pre>Confirmed on iOS 8.0 and up. Test page at <a href="http://bradfrost.com/demo/fixed/index.html">http://bradfrost.com/demo/fixed/index.html</a>
STR:
1) Create a WKWebView, set its frame full screen and set its resizing mask to flexible width/height
2) Load <a href="http://bradfrost.com/demo/fixed/index.html">http://bradfrost.com/demo/fixed/index.html</a>
3) See the header and footer correctly positioned and have the width of the screen
4) Change device to landscape
5) See the header and footer still have the original width.
Forcing a re-layout by scrolling a bit makes the header and footer widths update correctly.
In Firefox for iOS we have a workaround for this issue where we nudge the scrollView a bit to force a layout.
See <a href="https://github.com/mozilla/firefox-ios/commit/c93880e27c930d3f41cd8f44b1bcbd642ed6c81d#diff-6d1fb0cf203fcd3c299d4ba3f07f21deR130">https://github.com/mozilla/firefox-ios/commit/c93880e27c930d3f41cd8f44b1bcbd642ed6c81d#diff-6d1fb0cf203fcd3c299d4ba3f07f21deR130</a></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>