Cannot select :focus element

[[email protected]…]

Updated from 1.8.1 to 1.8.3. Noticed that :focus stopped working.

Working example: ​http://jsfiddle.net/AvRkY/

..or:

<ul>
<li tabindex="-1">One</li>
</ul>

$( 'li:first-child' ).focus();
alert( $( 'ul' ).find( 'li:focus' ).size() );

Bug exists in 1.8.2 and above versions: always returns 0.

[dmethvin]

Here it is working in 1.8.1: ​http://jsfiddle.net/dmethvin/AvRkY/1/

Most likely affected by the fix for #12648.

It is not a good idea to assume an element is focused synchronously, as this does, because IE fires focus async. It seems to catch the focus immediately in its querySelectorAll implementation because the example above with 1.8.1 works in IE9. However, it does *not* work in IE7.

It looks like you may be trying to roll your own select list, I would warn you away from doing that unless you are aware of ARIA and the issues caused with accessibility.

[dmethvin]

Also I should point out that the :focus selector doesn't seem to work in Firefox on any version of jQuery so this has never been cross-browser. The Selectors Level 3 API seems to leave implementors some leeway:

The :focus pseudo-class applies while an element has the focus (accepts keyboard or mouse events, or other forms of input). ... There may be document language or implementation specific limits on which elements can become :active or acquire :focus.

​http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act

timmywil or gibson042, if you don't know of a solution I'm inclined to close this wontfix.

[timmywil]

The spec leaves it up to the user-agent whether or not elements that are usually not focusable be focused even when the tabIndex is -1. This makes it difficult to provide any consistent behavior. This case is so edgy, I'm closing wontfix.

[dmethvin]

#14598 is a duplicate of this ticket.