Mobile Safari IOS6 Fixed Position Header with Search Input

Mobile Safari IOS6 Fixed Position Header with Search Input

When the search input in a fixed header gets focus, the fixed elements-- both the header and footer--lose their fixed positioning.

Here is a little jsfiddle to play with. This is on 1.2.0.  But, it looks this bug has been around for a while.

IOS Safari seems kind of buggy. If window.scrollY === 0, then the world is fine. However, if scrollY !== 0, and I check from inside the search.focus event, I cannot scrollTo 0,0 programmatically. It moves towards that goal but rarely reaches it. Setting scrollY=0 fails, and the $.mobile.silentScroll(0) also fails. I can do stupid tricks with blur and setTimeout, but that seems stupid.


-Josh