Datepicker reopens if focused after selecting a date in IE

[po_taka]

Browsers affect: IE9

Datepicker appear immediately after date is selected

[Scott González]

reduced: ​http://jsfiddle.net/R9AT2/1/

[tj.vantoll]

The bug occurs in IE 7 - 10 and does not occur in Firefox/Chrome/Safari/Opera. Possibly related to #5419.

[Jörn Zaefferer]

In the datepicker rewrite we changed the datepicker to move the focus back to the text input after selecting a date. So the issue here, where focus ends up on the input again, wouldn't be an issue anymore, as it would happen consistently in all browsers, without reopening the datepicker.

Which doesn't explain this issue, but I feel like its not worth investing the time to find the source of the issue if it only occurs with the current datepicker. It would be different if it was reproducible with something else.

[peter.morlion]

The issue, I believe is that focus is set on the first input. If this is a datepicker, it will open because the datepicker is set to open on focus. This is easily proven by comparing these two jsFiddles:

​http://jsfiddle.net/aub9e/ - this one has an input before the datepicker. After selecting a date, you can see the focus is put on the first input.

​http://jsfiddle.net/aub9e/1/ - here, the datepicker is the first input, so when it gets focus after selecting a date, the datepicker is reopened.

In Chrome, nothing gets focus after selecting a date, so no problem occurs. This can, however, be avoided by putting the autofocus on a certain other element (just adding 'autofocus' inside a tag, for example a button in the dialog).

[jasonaroo]

Also occurs in IE10.

[po_taka]

Bug still exist in v1.11.0

[ddelella]

This bug still existing in v1.11.1 and is also a problem in IE11

[Scott González]

#10613 is a duplicate of this ticket.

[Scott González]

#10612 is a duplicate of this ticket.

[Scott González]

#9313 is a duplicate of this ticket.

[senyahnoj]

Still an issue in 1.11.0 as demonstrated by the following fiddle:

​http://jsfiddle.net/senyahnoj/4nhu9ss6/

Interestingly the same scenario in 1.9.1 posted by jasonaroo (comment 6) doesn't show this behaviour.

​http://jsfiddle.net/aub9e/

I'm testing on IE11

[Deepak Shakya]

I was able to fix this by setting the focus to the modal. Here is the ​jsFiddle from @scottgonzalez.

Here is the fix on ​jsFiddle.

$("#datepicker").datepicker({
    onSelect: function() {
        $("#dialog").focus();
    }
});
$("#dialog").dialog({
    modal: true
});

[Scott González]

#14937 is a duplicate of this ticket.

[Marcus]

I tried the focus fix, but it does not work for me. How to resolve this issue?