I came across some strange behavior related to scrolling, rendering, and JavaScript.
Here's how it occurred:
While on any webpage long enough to require scrolling, I scrolled quickly (flinging the page) and then released my touch. While the page was still scrolling due to momentum, I tapped the screen to stop the scroll.
This action caused the browser to enter a peculiar mode.
On the Nexus One, it exhibited the following behavior: The updating of the displayed content stopped. Links could still be clicked, but what was visible on the screen remained the same.
If I scrolled the screen slightly, the update of the content would resume and display what should have been visible all along.
On HTC Sense phones like the Hero, Desire, and Legend, the situation was as follows:
The screen update also ceased like on the Nexus One, but additionally, the execution of any JavaScript was halted. If clicking a link that led to another page, everything returned to normal.
To test this, I created a page with the following code:
The changeColor function simply changed the background color of 'container' to different colors.
Prior to the issue, clicking any link resulted in a color change.
After encountering the problem:
Nexus One: Clicking on links had no effect other than showing an indication that the link was selected. However, after scrolling a bit, the color changes became visible (corresponding to the number of times the link was clicked).
On phones with HTC Sense: Clicking the links directed me to Google.com.
Has anyone else encountered this issue? Is there a workaround available?
Thank you.