Keyboard Tab key from field to field on a form not working
I have added form and created three fields. one for simple input field second dropdown search and third datepicker. I was pressed tab in keyboard for tabbing from field to field on a form but not working.
I have needed if tabbing from field to field on a form then open dropdown search and datepicker also should.
Please help me
Hi @Rupesh Patil, For Dropdown and Date Picker, using only the tab will not work. Using the tab, you can set the focus on the dropdown or date picker, and then you will have to press the enter key to open the dropdown search and the spacebar key to open the dropdown and date picker.
ThanksGitansh Anand
Thanks
but how to set the focus on the dropdown or date picker?
Using the tab key, you can set the focus. In the drop-down search, there is no visual representation of focus when you use the tab key, but the focus is there; just press the enter key and it will open. Also, please read the previous comment again I have added a small detail.
Hi @Rupesh Patil,
You try use the attribute "tabindex" in yours widgets? With that you can choose the order of widgets on press TAB in your keyboard
Hi @Rupesh Patil
Just to add on top of that, if you want to have a focus styling for the DropdownSearch when focused,
You can add this CSS into your Theme
.osui-dropdown-search .vscomp-wrapper:focus .vscomp-toggle-button {
border: var(--border-size-s) solid var(--color-primary);
}
Regards,
Kharlo