Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Moving through form in Mobile Safari with "Next" and "Previous" system controls causes fixed position, tap-toggle false Header to reveal itself #4724

Closed
ceslami opened this issue Jul 19, 2012 · 1 comment · Fixed by #5291

Comments

@ceslami
Copy link

ceslami commented Jul 19, 2012

When filling out a form in mobile Safari on iOS, the user has the option to progress to the next field by using system "Previous" and "Next" buttons on the keyboard. When using a JQuery mobile header with data-position="fixed" and data-tap-toggle="false", the header should never flash into view. However, when using these native form progress controls, the header flashes into view, before quickly flashing out of view.

Using:

iOS 5.1.1
Mobile Safari

@MauriceG
Copy link
Contributor

I can confirm this issue on iPhone (not iPad) : http://jsfiddle.net/MauriceG/bqyhj/show/light/

With iPhone portrait:

  • scroll down to the last item in the form
  • tab into the "city" item
  • use the previous function on the system keyboard until you are in the "email" item
  • use next and previous alternately

Maurice

arschmitz added a commit to arschmitz/jquery-mobile that referenced this issue Oct 22, 2012
… after scroll and repositioning logic. Fixed: jquery-archive#4337 - Fixed header problem after scrolling content on iOS and Android, jquery-archive#4113 - Header and footer change their position after keyboard popup - iOS, jquery-archive#4724 - Moving through form in Mobile Safari with "Next" and "Previous" system controls causes fixed position, tap-toggle false Header to reveal itself
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.