This is my html:
<div><input/></div>
and this is my jQuery:
$('input').focus();
$('input').blur(function () { console.log('BLUR!'); });
$('div').effect('shake');
Please see http://jsfiddle.net/kN7tr/
Somehow the shake effect fires the blur event. That is really annoying. Any suggestions?
EDIT: The following situation is similar http://jsfiddle.net/kN7tr/1/
After some digging, it looks like this is the culprit http://bugs.jqueryui.com/ticket/7595
This was the fix:
(which is on line 4425 of 1.8.16 if you’re interested – the comment is misleading as it’s talking about a decorator (has nothing to do with text wrapping or anything))
Fiddle has 1.8.14, which the bug was reported against.
This fix is available as in 1.8.16, which is available on Google CDN (and obviously if you downloaded the latest)