autofocus isn't supported

[alvarotrigo]

The select box when in auto-focus doesn't have any different style than when its not in auto-focus.
This might create confusion in the users.

Reproduction online

Not only that, but it also doesn't seem to work at all in Firefox. By neither using the autofocus attribute or calling the focus function.

Using the arrow keys won't change the selection.

[kevin-brown]

You should notice that the original (now hidden) <select> is being focused instead of Select2.

[arturoribes]

As of version 4.0.0 I did the following modifications:

In _registerEvents function, for auto focus:

this.on('focus', function () {
    self.$container.addClass('select2-container--focus');

    // ADDED: auto opening on focus
    if (!self.$container.hasClass('select2-container--disabled') && !self.isOpen()) {
        self.open();
    }
});

In this.on('keypress'), to use tab correctly

else if (key === KEYS.TAB) {
    // ADDED: use tab to select and then jump to next field 
    self.trigger('results:select');

}

I don't know how to add an initialization option to enable/disable these behaviours, neither I know how to contribute this to the repository, so I leave it here.

[bangzek]

One workaround is:
$("[autofocus] + .select2 .select2-selection").focus();

[pedrofurtado]

The solution provided by @arturoribes works great in select2 4.0.3.
@kevin-brown Is possible to include him solution in the next version of select2?

[pedrofurtado]

@kevin-brown Any news about this issue? The solution provided by @arturoribes (#3696 (comment)) seems to be a simple and functional fix.

[pedrofurtado]

@kevin-brown @alexweissman Any news about this issue?

[alexweissman]

Is there an open pull request? I don't know much about autofocus.

[marciojg]

@kevin-brown @alexweissman Any news about this issue?

[pedrofurtado]

@arturoribes @alvarotrigo PR merged, in next release this change will be available for all users 🎉