:focus in Chrome

[[email protected]…]

I have code similar to the sample bellow. I click on the text-input field. I expect the to see "is focused: true".

$('input').focus(function(){
  var isFocused = $(this).is(':focus');
  console.log( "is focused: "+isFocused );
});

It works as expected in Firefox (is focused: true) but fails in Chrome (is focused: false).

I also the tried code bellow:

$('input').focus(function(){
  var isFocused = this === this.ownerDocument.activeElement;
  console.log( "is focused: "+isFocused );
});

This time I'm getting consistent result (is focused: true).

I do understand that clicking an input field in Chrome does not effect CSS :focus state. I also understand that ":focus" and ":active" are not the same. However, I believe that the behavior of jQuery ":focus" selector is broken in Chrome.

First, I believe that jQuery ":focus" selector should be analogous to jQuery .focus() function. They should work constantly across browsers. Second, look at line 4439-4441 from jQuery source file:

focus: function( elem ) {
      return elem === elem.ownerDocument.activeElement;
    }

Related bugs: ​http://bugs.jquery.com/ticket/7768

Thanks,
Rafal Radulski
[email protected]…

[dmethvin]

Boy that's strange:

​http://jsfiddle.net/dmethvin/6LvHt/

[dmethvin]

I do understand that clicking an input field in Chrome does not effect CSS :focus state.

I don't understand it. Do you have a link to a reference? To me this seems like a Chrome bug. We're delegating to querySelectorAll so Chrome should be doing the right thing.

[Rafal Radulski <[email protected]…>]

Replying to dmethvin:

I do understand that clicking an input field in Chrome does not effect CSS :focus state.

I don't understand it. Do you have a link to a reference? To me this seems like a Chrome bug. We're delegating to querySelectorAll so Chrome should be doing the right thing.

I think you are right saying it must be a Chrome bug. I read about this behavior on several forum. However, when I just tested Chrome's CSS ":focus" selector, it works correctly. Sorry for confusion.

In any case, jQuery :focus selector does not work in Chrome in the context I showed.

[timmywil]

Duplicate of #10809.