Response title
This is preview!
Fixed header on iOS is stuck when keyboard is closed
in jQuery Mobile
•
11 years ago
OK this is annoying me, my client wants it fixed and I'm not sure how to fix it...
In iOS (I've checked v4 and v5), when you focus a field (text or combo) that is a little way down the page (in this case, the third "fieldcontain" div) and then close the keyboard/list - the fixed header gets stuck in the middle of the page.
Touching the page fires the scroll event and the header refreshes itself back to the top of the screen.
I'm thinking that if I capture the event when the keyboard is closed (perhaps with a simple onblur), then I could fire an event to refresh the header - but I don't know what event/call will be best for getting it to refresh.
How do I manually get the fixed header to update itself?
In iOS (I've checked v4 and v5), when you focus a field (text or combo) that is a little way down the page (in this case, the third "fieldcontain" div) and then close the keyboard/list - the fixed header gets stuck in the middle of the page.
Touching the page fires the scroll event and the header refreshes itself back to the top of the screen.
I'm thinking that if I capture the event when the keyboard is closed (perhaps with a simple onblur), then I could fire an event to refresh the header - but I don't know what event/call will be best for getting it to refresh.
How do I manually get the fixed header to update itself?
1