addClassOnOver Flicker - Ext JS

I'm having a problem upgrading to the Alpha version.
I have a a couple divs that look like:

<div class="startOption"><table><tr><td><img ..../></td></tr><tr><td>Some text</td></tr></table></div>

This code proves to flicker in IE:

var trs = Ext.select('div.startOption');
trs.addClassOnOver('startHover');

It worked fine in version .33, but now it flickers when I goes over the table or image. Has anyone else experienced this?

#2   03-08-2007, 06:01 PM

That's going to flicker in any version (.33 too) in IE6. The problem is that all child element mouseover and mouseouts are going to bubble and cause the class to be added and removed real quick and IE will actually do a repaint instead of buffering (and realizing no repaint is required) like every other browser. So, while it is convenient to use, I wouldn't recommend using it in this situation. For an idea of how to prevent the flicker, take a look at the Ext.Button source onMouseOut.

#3   03-08-2007, 06:32 PM

I didn't have this problem with the .40 version... Can you see if it's a problem on my website: http://www.emaildirect.com Account: YUIExt UserName: jack Password: jack If you browse around the site you'll also be able to see how we are utilizing your library. Can you please try it out for me and let me know if you are having the flickering problem when you first login. I'd apreciate it.

#4   03-08-2007, 06:39 PM

I don't see it in FF2 but - it is a common problem I have had to work around as well. It's possible I can add a 3rd option to filter the mouse events automatically. I will look into it.