IE7 loading cursor flickers and makes page slow to respond

Question

I have a problem where moving the cursor and clicking in text fields causes the page to show a wait cursor and also makes the page very unresponsive.

See this video for an example of it happening.

It only happens in IE7.

I've tried checking where I think it might be sending off ajax requests (thought this could be changing the cursor).

I've checked where I think multiple events may be firing simultaneously and tried commenting it out.

Has anyone seen anything similar happen and can point me in the right direction?

What is IE7's criteria for displaying the wait cursor?

Answer 1

Eventually I narrowed down the issue. After eliminating code bit by bit I deduced the problem isn't caused by JavaScript at all, it's a css issue.

The exact line of css is

overflow-y: auto

I don't know exactly the circumstances to reproduce it. But for a bit of info that might help others... The container the css is applied to is positioned absolutely. It has a fixed size (which also seems to be changed in JavaScript) and width. It's parent container is a div with display:block;.

Curiously if you scroll to the bottom of the container and back up it seems to fix the flickering bug.