Hit area for <a> w/ pos:fixed doesn't stay fixed when scrolling programmatically
||Date Originated:||08-Apr-2012 03:19 PM|
||Product Version:||MobileSafari on iOS 5|
Steps to Reproduce:
- Add an <a> element with CSS styling `position: fixed;`.
- Make sure the page's height is larger than the viewport height, so scrolling will be possible.
- Scroll programmatically, using the jQuery $(window).scrollTop(scroll_offset) method for example.
- Try tapping the <a> element.
The <a> element is tappable: the hit area is in the same place as the text for the link.
The <a> element is not tappable, and a bit of tapping around the page on the same horizontal position as the text for link will show that the tappable hit area has moved with the page when it was scrolled.
The problem occurs all the time on iOS 5.1; I haven't tested earlier versions of the OS or MobileSafari.
The problem can be seen "in action" here: http://fiddle.jshell.net/H7hrW/11/show/
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!