search

themosis / framework

The Themosis framework core.
https://framework.themosis.com/
GNU General Public License v2.0
671 stars 121 forks source link

Having hard time to use select field #823

Open msufiannasir opened 3 years ago

msufiannasir commented 3 years ago

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 commented 3 years ago

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

fabianmarz commented 3 years ago

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 commented 3 years ago

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

jlambe commented 3 years ago

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 commented 3 years ago

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

msufiannasir commented 3 years ago

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?