Setting focus to Drop Down List

[Randy Craven]

Hello,

I have a dialog with two standard html input elements and a Syncfusion drop down list.  As expected, the tab key will move focus from the first input element to the second.  Is there a way to set focus to the drop down list when the user presses the tab key inside of the second input element? 

Thanks, Randy

Here is a simplified version of the code:

   

        @Html.EJ().Dialog("dialog")
       

                First Name
               
       

       

                Last Name
               
       

       

                Department
                @Html.EJ().DropDownList("selectDepartment")
        

       

            @Html.EJ().Button("OkButton").Text("OK")
            @Html.EJ().Button("CancelButton").Text("Cancel")
       

   

[Saranya Sivakumar]

Hi Randy,

Thanks for using Syncfusion products.

We would like to let you know that, the Dropdownlist gets focused when the user presses the tab key inside of the second input element. When the dropdownlist is in focus it gets highlighted with the shadow around it. Since the dropdownlist is not in editable state we have to change the input item by pressing up arrow key or down arrow key. So that we can select the items in the dropdownlist.

For your convenience we have prepared the sample and you can download the same under the following location.

Sample Location: Sample

Please let us know if you have further concern.

Regards,

Saranya.S

[Randy Craven]

Hello Saranya,

Thank you for your message.

I see now that the drop down list does indeed get the focus.  I didn't observe it before; the visual effect is so subtle compared to the text boxes that I assumed it was not getting focus.

Thanks again for your reply.

Randy

[Saranya Sivakumar]

Hi Randy,

Thanks for your update.

Please let us know if you have further concern.

Regards,

Saranya.S