Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

iOS 10 Safari navbar disappears after opening a <select> menu #20759

Closed
gomski opened this Issue Sep 21, 2016 · 10 comments

Comments

Projects
5 participants
@gomski
Copy link

commented Sep 21, 2016

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 disappear\get 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 before select

generic bootstrap site after select
generic bootstrap site after select

web brf normal view before selecting select element
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 nav sidebar scroll to top and all other fixed elements disappeared after selecting select element

web brf after closing select
web brf after closing select

web brf misplaced select helper
web brf misplaced select helper

web brf after screen rotation select helper realigns
web brf after screen rotation select helper realigns

@gomski gomski changed the title #iOS 10 #Safari NavBar disappears on select input helper v3 #iOS 10 #Safari NavBar disappears on select input helper Sep 21, 2016

@gomski gomski changed the title v3 #iOS 10 #Safari NavBar disappears on select input helper v3 #iOS 10 #Safari navbar disappears on select input helper Sep 21, 2016

@cvrebert

This comment has been minimized.

Copy link
Member

commented Sep 21, 2016

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

This comment has been minimized.

Copy link
Member

commented Sep 21, 2016

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.

@cvrebert cvrebert closed this Sep 21, 2016

@gomski

This comment has been minimized.

Copy link
Author

commented Sep 21, 2016

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

@gomski gomski changed the title v3 #iOS 10 #Safari navbar disappears on select input helper v3&4 #iOS 10 #Safari navbar disappears on select input helper Sep 21, 2016

@cvrebert cvrebert reopened this Sep 21, 2016

@cvrebert cvrebert added the v4 label Sep 21, 2016

@cvrebert cvrebert changed the title v3&4 #iOS 10 #Safari navbar disappears on select input helper iOS 10 Safari navbar disappears after opening a <select> menu Sep 21, 2016

@cvrebert cvrebert added this to the v4.0.0-alpha.5 milestone Sep 21, 2016

@cvrebert cvrebert self-assigned this Sep 21, 2016

@cvrebert

This comment has been minimized.

Copy link
Member

commented Sep 21, 2016

@cvrebert

This comment has been minimized.

Copy link
Member

commented Sep 21, 2016

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

@gomski

This comment has been minimized.

Copy link
Author

commented Sep 21, 2016

its an iPad Air A1475

@cvrebert cvrebert added the confirmed label Sep 25, 2016

@vhanahrni

This comment has been minimized.

Copy link

commented Oct 11, 2016

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

@mdo mdo modified the milestones: v4.0.0-alpha.5, v4.0.0-alpha.6 Oct 19, 2016

@mdo

This comment has been minimized.

Copy link
Member

commented Oct 28, 2016

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

@cvrebert

This comment has been minimized.

Copy link
Member

commented Nov 29, 2016

@mdo Just need to add it to the Wall.

@cvrebert cvrebert closed this in 036437e Nov 29, 2016

@sbaechler

This comment has been minimized.

Copy link
Contributor

commented May 15, 2017

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.