<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 is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari"
href="https://bugs.webkit.org/show_bug.cgi?id=153056">153056</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>position:fixed is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari
</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=268854" name="attach_268854" title="GIF video demonstrating the bug">attachment 268854</a> <a href="attachment.cgi?id=268854&action=edit" title="GIF video demonstrating the bug">[details]</a></span>
GIF video demonstrating the bug
Original Bootstrap bug report: <a href="https://github.com/twbs/bootstrap/issues/18859">https://github.com/twbs/bootstrap/issues/18859</a>
iOS version: 9.2
Hardware: iPhone 6S Plus
Device orientation: Landscape
Steps to reproduce:
1. Open Safari
2. Rotate the screen so it's in Landscape orientation
3. Navigate to a webpage
4. Open a new tab
5. Navigate to <a href="http://getbootstrap.com/javascript/#modals-sizes">http://getbootstrap.com/javascript/#modals-sizes</a>
6. Ensure that Safari's tabs bar is visible. (If it's not, scroll down and then up so it becomes visible.)
7. Tap either the "Large modal" or "Small modal" button
Expected result:
The position:fixed Bootstrap modal element should be visible and positioned within the bounds of the visual viewport
Actual result:
The position:fixed Bootstrap modal element isn't visible.
To bring it into view, you must scroll the page down (and thus cause the tabs bar to hide).
Additional notes:
This bug only occurs when Safari's tabs bar is visible.
(And thus it never occurs when in Portrait orientation.)
If you hide the tabs bar (by scrolling down) before tapping the button, this bug doesn't occur.
If the device is in Landscape orientation but has no other tabs open, this bug doesn't occur.
This bug doesn't occur in OS X Safari 9.0.2.</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>