<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 - position:fixed-related rendering bug on iPad Pro in Landscape orientation"
href="https://bugs.webkit.org/show_bug.cgi?id=152637">152637</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>position:fixed-related rendering bug on iPad Pro in Landscape orientation
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 9.0
</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>webkit@chrisrebert.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=268073" name="attach_268073" title="Screenshot of the rendering bug">attachment 268073</a> <a href="attachment.cgi?id=268073&action=edit" title="Screenshot of the rendering bug">[details]</a></span>
Screenshot of the rendering bug
iOS version: 9.2
Hardware: iPad Pro
Device orientation: Landscape
Original Bootstrap bug report: <a href="https://github.com/twbs/bootstrap/issues/18738">https://github.com/twbs/bootstrap/issues/18738</a>
Steps to reproduce:
1. Get an iPad Pro (or open the Xcode Simulator for iPad Pro).
2. Rotate the device (or use the "Rotate Right" in the Simulator) so that it is in a landscape orientation.
3. Open <a href="https://output.jsbin.com/sicula/1">https://output.jsbin.com/sicula/1</a> in Safari
4. If using the simulator, ensure that the virtual device has actually remained in a landscape orientation.
(Opening Safari appears to reset the orientation to Portrait in some circumstances.)
5. Tap the green "Setup" link on the webpage.
6. Observe that a menu is displayed below the link.
7. Tap the cyan "Tools" link on the webpage.
Expected result:
A menu should be properly displayed below the "Tools" link, like it was for the "Setup" link.
Actual result:
The menu displayed below the "Tools" link is missing a rectangular chunk on its left side.
See attached screenshot.
More details:
According to <a href="https://github.com/twbs/bootstrap/issues/18738">https://github.com/twbs/bootstrap/issues/18738</a> , this bug only occurs on iPad Pro and not on other iPad models.
This bug only occurs when the iPad Pro is in Landscape orientation, not when in Portrait orientation.
This bug only occurs when the navbar is styled as `position: fixed`.
This bug is visually very similar to (and thus presumably related to) <a class="bz_bug_link
bz_status_NEW "
title="NEW - Partially rendered translate3d(0,0,0) menus after zooming in"
href="show_bug.cgi?id=138162">https://bugs.webkit.org/show_bug.cgi?id=138162</a> ,
although that bug involves zooming and applies to a wider range of iOS hardware models.</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>