Open Radar

 
Summary:
This typically occurs when you have a fixed elements on the screen and the user focuses on the input element. The fixed element jumps to the middle of the screen or outside the screen.
A workaround this bug is to use absolute position and set the position appropriately or resorting to JavaScript to solve this problem.

Steps to Reproduce:
Assuming you have a fixed element (preferably a fixed header) and an input element (preferably a text field) on the page, 
Scroll somewhere on the page, ensuring that the fixed element (header) follows you.
Click on the input element (textbox) and notice the virtual keyboard slide on to the screen and the fixed element (header) changing its position accordingly.
Now while scrolling, fixed element (header) has changed is position due to the keyboard, and you can see the header hanging in between the screen or out of the screen.

Expected Results:
Fixed element doesn't move. 

Actual Results:


Version:
iOS.

Notes:


Configuration:


Attachments:
'nav-bar.png' and 'nav-test.html' were successfully uploaded.