Created attachment 268854 [details]
GIF video demonstrating the bug
Original Bootstrap bug report: https://github.com/twbs/bootstrap/issues/18859
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
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
The position:fixed Bootstrap modal element should be visible and positioned within the bounds of the visual viewport
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).
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.
Created attachment 268855 [details]
GIF video demonstrating correct behavior when tabs bar is absent
This may be fixed in iOS 10.3.