After upgrading to iOS 6 we started having the issue in our application.
We have long forms where user enters data. When the field that user focuses is pretty close to the end of the page, when the keyboard is shown the footer jumps up and, when we start typing something it either disappears totally or jumps to the middle of the screen.
When we hit done the footer is repositioned back to the bottom of the screen.
NOTE: it is important that this happens only at the moment we start typing, not when the keyboard is shown.
Also, it happens in both UIWebView and in Mobile Safari with both jQuery Mobile 1.1.0 (that we use) and 1.1.1.
You could possibly just hide the fixed footer when an input has focus.
That's hacky but would solve your problem.
It's not hacky. It's good UI design.
Why does the user need to see the footer while they are doing input?
You have a limited screen real-estate that becomes even more limited when a virtual keyboard appears. IMO, the best situation for the user is to eliminate everything unnecessary while the user is doing input.
I think it makes sense to go even further than hiding headers/footers during input, and also hide any other content that might lie outside of the the form being filled.
I was in a hurry and didn't read the topic that careful. My problem is that the entire footer isn't shown, about 20px gets clipped. The problem is on IOS 6, not IOS 5. I have no form elements in the footer.
Because we have a Phonegap-based app, I had attached two Objective-C methods to the notification center and now I'm hiding and showing the header and footer when the keyboard is shown and hidden.
However, I think this is really a bug in iOS 6, because today, for example, I had a situation when after hiding the keyboard the fixed header was position in the middle of screen and trying to reposition it using Safari Developer Console (connected to device) - nothing helped me.
Quick comment about such hacks (whether one wants to consider them hacks or not!), some people are using JQM on more than just phone apps. Hiding a footer or header on form focus might work well on a phone, but it would look like a mistake on a desktop, right? I guess you'd probably be using different headers and footers anyway, in most real world situations, but still...
Leave a comment on hautehussey's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic