set focus on autocomplete from select event in another autocomplete doesn't work

[dmorgan]

Hi!
I'm trying to create a simple form using two autocompletes (column1 and column2). I want the form to be fluent, so after the first autocomplete is selected I tried to set the focus on the next one. (using the select event in the first autocomplete)

I tried: 

$("#column2").focus(); and $("#column2").data("kendoAutoComplete")focus(); 
but it didnt't work.

I set up a sample in js fiddler

How can I achieve the desired behavior?

Thanks!

[Georgi Krustev]

Hello Daniel,

 
You will need to use setTimeout in order to achieve your goal:

function autocomplete_select() {
            setTimeout(function() {
                $("#column2").focus();
            });
        }

Give it a try and let me know if the problem still persists.

Kind regards,
Georgi Krustev
the Telerik team

[dmorgan]

It worked!
thank you!. Can you explain me why do I need to use that setTimeout function?

[Georgi Krustev]

Hello again Daniel,

The AutoComplete widget is designed to persist the focus of the input when popup element is clicked. The select is raised between of the open->click->close chain and that is why we will need to use setTimeout function to focus other input.

Regards,
Georgi Krustev
the Telerik team