Element which is position:fixed disappears after opening a <select> menu

• Component: Forms
• Status: RESOLVED CONFIGURATION CHANGED

Steps to Reproduce:
go to https://bootswatch.com/cerulean/
look out for the form and the select element
open the select and watch out fot the fixed navbar which disappears

Expected Results:
navbar should stay in top of the screen

Actual Results:
navbar disappears

Version:
iOS 10.0.1, Safari

[Chris Rebert]

Moved from the Summary:

> In some cases the elements reappear after closing the helper and some cases the elements seem to be loosing their fixed position and stay on th

[Chris Rebert]

Original Bootstrap issue: https://github.com/twbs/bootstrap/issues/20759

[Chris Rebert]

<rdar://problem/28407863>

for a 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 on mostly everytime selecting an input field

[Simon Fraser (smfr)]

This is the usual problem where we disable position:fixed when a form element has focus. I'm hoping to improve this behavior soon.

Hi Simon,
it would be OK if the position:fixed is reapplied after closing the input helper 
but sometimes the position:fixed is not reapplied to the elements and therefore they stick to the relative positions of the page. In my case it destroys the whole navigation of the page.
My application is a SPA app and therefore contents of the page are changing while choosing an option of the select element via to iOS Safari input helper. Maybe this has something to do with this misbehaviour.

[Simon Fraser (smfr)]

I think I may have fixed that via bug 150079. It did not make it into iOS 10 though.

[Simon Fraser (smfr)]

This may be fixed in iOS 10.3.

[Brent Fulgham]

We believe this is now fixed in iOS 10.3 and beyond.