Having hard time to use select field

[msufiannasir]

I'm having a really hard time using the tabs to be able to single and multi select dropdowns built using themosis. Let's say I have a dropdown with all states listing in it. I can start typing a state but there doesn't seem to be a way to select a state without clicking on it with the mouse. And if I type the full state and press tab then it just defaults to whatever was there before.

I want to enter data without using mouse since I have alot of dropdowns in my form. Can you take a look at this if that's possible to achieve?

or can you please share any code snippet which can help like we have for select2 which allow user to type and select option using keyboard only without using mouse?

[msufiannasir]

@Juje @jozan @fabianmarz @chielteuben - Can you please guide me with documentation on this so I can extend the functionality if possible?

[fabianmarz]

I don't think I'm the right person to talk to as I haven't used this framework in a long time, sorry!

[msufiannasir]

Sorry for misunderstanding. You were in contributor's list so I thought if you could help.

[jlambe]

Hi @msufiannasir,

not sure to understand the issue here. Perhaps you could provide in-depth details of what you're trying to achieve with images or a video ?

The custom fields provided by the framework may not have all the necessary a18y features to make them usable with a keyboard though, so my bad 😞

[msufiannasir]

@jlambe - No problem, Is there any chance in future that if select field get replaced with some advance field?

[msufiannasir]

Actually let me clarify the issue I am creating posts in admin using thermosis fields. I have 200+ meta fields of post, out of 200 I have 50 select fields in which I need to enter data. Right now if I enter data in a text field and there is dropdown field next to it, In order to change the select field value, each time I need use mouse pointer to open and select value from dropdown.

Is there any way I can use keyboard to navigate through one field to the dropdowns and select value like some advance select field "select2" provides the option by using enter key?

So basic goal is to save time while entering data. Right now it makes very difficult to enter data because I need to switch between mouse and keyboard which slow down the data entry speed.

Here is a short video to show an example https://drive.google.com/file/d/1D7bdY-LC9ljkcNvfNAT9NKRPIJuyZUid/view
Let me know if further explanation required?