I type something in the input field, the options narrowed. Then, by pressing tab the focus skips options drop-down. I want it to jump to options list. I have a sample below. Can it be done by html attributes only? if no, how can i do it in blazor?
I know up & down keys do that. But I feel it's faster and more intuitive for tab key.
<input type="text" @bind="@newStudyCode" list="studies" autocomplete="on" placeholder="Search ..." /><datalist id="studies"> @if (Studies != null) { @foreach (var study in Studies) {<option value="@study.Code">@study.Code - @study.Title</option> } }</datalist>the compiled html is looking like this
<form><input type="text" list="browsers" autocomplete="on" placeholder="Search ..."><datalist id="browsers"><option value="Firefox" tabindex="1"> Firefox</option><option value="Internet" tabindex="2"> Internet</option><option value="Chrome" tabindex="3"> Chrome</option><option value="Safari" tabindex="4"> Safari</option></datalist><button type="submit">Push me</button></form>