html elements with fixed positioning disappear when using <select> element, Bootstrap 3

Originator:gordon.suchomski
Number:rdar://28407863 Date Originated:21-Sep-2016
Status:Open Resolved:
Product:iOS Safari Product Version:10
Classification:Bug Reproducible:Yes
 
Summary:
Element which are fixed in position by using CSS disapper after showing the select helper of <select> elements. 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 the relative postitions of the page.

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

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

Expected Results:
navbar should stay in top of the screen

Actual Results:
navbar disappears

Version:
iOS 10.0.1, Safari

Comments


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!