Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

navbar-fixed-top breaks with iOS virtual keyboard

Created by: DavidFrahm

In iOS 6.1 on iPhone, using BS3 rc2 with a fixed top navbar (navbar-fixed-top) with a multi-field form causes the navbar to move around erratically when tapping in and out of fields.

Seems like the virtual keyboard showing and hiding is triggering the issue.

I first encountered this issue with my web content being used inside a native iOS app via a UIWebView. Then I also saw the same issue when opening a copy of the same content from a local web server.

Screenshot of issue: navbar-broken

jsFiddle to reproduce issue http://jsfiddle.net/davidfrahm/yC4M4/

Repro steps:

  • Open jsFiddle link above in Safari on iPhone (I was using iOS 6.1 on iPhone 5)
  • Scroll up to where any text input field is partially under the navbar
  • Tap into the input field

Result: The virtual keyboard will appear, and the navbar will be down from the top of the page