PDA

View Full Version : Mouseover persists after moving Button



tcunha
13 May 2014, 9:33 AM
Hi guys!I have a regular button inside a panel. On the click handler for that button, both the panel and the button are moved elsewhere in the page (via a panel.move()). However, the hover effect added when the mouse goes over the button persists even AFTER the button is moved. The only way to remove the effect is to move the mouse over and out of the button again.I assume this happens because the button is moved away instantly and the 'mouseout' event is never fired. I've tried to fire the 'mouseout' event manually on the handler, but it didn't work. I also spent some time looking for a method to remove the effect, but to no avail. Any ideas about why this is happening or how it could be fixed?Thanks!

jsakalos
13 May 2014, 10:21 PM
You can try:



btn.removeCls('x-btn-default-small-over');
btn.removeCls('x-over');


Of course, the exact name of the css class depends on which kind of button you use.

tcunha
14 May 2014, 2:07 AM
Worked like a charm. Like you said, it was a matter of checking which hover classes were being applied and removing them. Thank you! :)