position:fixed CSS Does Not Work with Safari on iOS7

Originator:anthony.o.armstrong
Number:rdar://15550662 Date Originated:11/26/13
Status:Open Resolved:
Product:iOS Product Version:7.0.x
Classification: Reproducible:yes
 
Summary:
On iOS 7, when user taps on input tag or textarea tag using Safari on iOS7, the virtual keyboard pops up. However, the appearance of the keyboard on the page causes elements specified to have a position:fixed moves higher up on the page instead of sticking to the specified location on the page when keypad pops up.

Steps to Reproduce:
1. Open a webpage on Mobile Safari on iPad or iPhone, that contains a textarea or input, along with content positioned using position:fixed in the CSS.
2. Tap on the textarea or input to show a keyboard.
3. Scroll up or down to see the issue.

Expected Results:
CSS position:fixed elements should NOT reposition themselves when the keyboard is shown

Actual Results:
The appearance of the keyboard on the page causes elements specified to have a position:fixed moves higher up on the page instead of sticking to the specified location on the page when keypad pops up.  

Version:
iOS 7.0.x on either iPad or iPhone

Comments


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!