Bootstrap: iOS 10 Safari navbar disappears after opening a <select> menu

[gomski]

go to:
https://bootswatch.com/cerulean/
scroll to form and select the select element.
The navbar will disappear as long as the iOS Safari input helper is open and reappears when closing.
The same happens to ALL fixed elements on the page, they disappearget relative positioned.

I have an SPA app which modifies the page contents when selecting an option and all elements stay hidden after closing after choosing a select option. The nav ans sidebar are seem to loose their fixed postition and stay at relative positions. Furtermore the postition of the select input helper is misplaced after opening the select element a second time. Turning the device repositions the select helper to the correct position.

Apple bug report has been filed. #28407863
generic bootstrap site before select

generic bootstrap site after select

web brf normal view before selecting select element

web brf nav sidebar scroll to top and all other fixed elements disappeared after selecting select element

web brf after closing select

web brf misplaced select helper

web brf after screen rotation select helper realigns

[cvrebert]

Apple bug report has been filed. #28407863

I would encourage you to repost your report to https://openradar.appspot.com
I would also encourage you to file a WebKit bug: https://bugs.webkit.org

[cvrebert]

However, since this concerns Bootstrap 3, which is no longer supported per #20631, I will close this.
Please let us know if the bug also occurs with Bootstrap 4, in which case I'll be happy to reopen this for further action.

[gomski]

Thanks,
bugs filed...

for BS4 demo see
http://www.codeply.com/go/GjrVfpcyEv
scroll down to select and watch the navbar disappear on iOS Safari
you can see that the navbar is changing its appearance mostly everytime selecting an input field

[cvrebert]

WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=162362

[cvrebert]

@gomski Looks like you're using an iPad. What exact model of iPad is it?

[gomski]

its an iPad Air A1475

[vhanahrni]

Hi, I noticed this too and created stack post yesterday.

[mdo]

Do we just need to document the bug here @cvrebert or can this be closed out as something outside our control?

[cvrebert]

@mdo Just need to add it to the Wall.

[sbaechler]

It looks like the Safari bug has been fixed in iOS 10.3.1.