Triggering focus to hidden elements does not work in IE

[himynameiznate]

If you try to trigger the focus of a field that is hidden (whether it's hidden on it's own, or hidden because the parent element(s) are hidden), IE will throw the following error:

"Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus."

Using .is(':visible') won't work, because the container(s) could be hidden.

However, the fix is pretty simple, by editing the jQuery event core, inside of the trigger method, change this line:

if ( fn && val !== false && !jQuery.nodeName(element, 'a') )
element[ type ]();

To this:

if ( fn && val !== false && !jQuery.nodeName(element, 'a') && !(type == 'focus' && element.offsetHeight == 0) )
element[ type ]();

Of course, I haven't tested this completely thoroughly, but overall, it shouldn't break anything.

[brandon]

Patch + Tests

[brandon]

I've attached a patch + tests. I just wrapped the invocation of the native handler in a try catch block.

[brandon]

Fixed in Rev [4073]

[[email protected]…]

There is still an issue in IE8, when script tries to trigger focus event on disabled element (for example, button). Is it possible to fix?