using the keyboard


Topic: using the keyboard

João Pereira asked 7 years ago

hi, I'm not a pro-user, just evaluating your solution. Really happy with the design and the overall package quality. Really sad that keyboard navigation was not implemented across all components with the same care. This is a requirement for my project. I see that there are post requesting this feature as far back as 1 year and as recent as a couple of days. Always with the response that this will be implemented in the future, but with no time frame. Is there any way that you can provide a reasonable time frame as to when this would be available? best regards

Bartłomiej Malanowski staff pro premium commented 7 years ago

Could you please provide us more details?

Sorry, you're right, as I now read my question and it's vague :) I'm evaluation MDB-jquery to implement on an existing project. It's a web application with many data entry forms. Our users are used to use the keyboard to: -navigate between controls using the TAB key; -choose an option from a select box with arrow keys or typing to search upon focus; -switch a checkbox with the space key I mean, normal keyboard usage in this type of application. I browsed mdbootstrap.com to look at the examples and found that the keyboard cannot be used consistently. Here are some examples: - in the radio buttons demo (https://mdbootstrap.com/components/bootstrap-radio-button/) and the checkbox demo (https://mdbootstrap.com/components/bootstrap-checkbox/) the radiobuttons and checkboxes work as expected if I use the mouse to click them, but they don't receive focus, so TAB navigation and using space key to toggle a checkbox or navigating with the arrow keys is impossible ; - in the multiselect demo (https://mdbootstrap.com/javascript/bootstrap-multiselect/) the component does receive focus on TAB key, but then you have to click the options or click the search input with the mouse, this makes sense in touch mobile. IMHO, when using the mouse & keyboard upon receiving focus the input should be active, the cursor arrows shound navigate between options and the space should toggle the selection, right? - in the switch demo (https://mdbootstrap.com/components/bootstrap-switch/) the component does receive focus on TAB key but it is not visible that it is in fact focused, the space key toggles the state correctly; Hope this clarifies my previous question. Great work, I really liked the visual elements and the consistence between all components. It's apparent that a lot of thought was put into this project. Really hope you can fix these small (I hope) problems best regards

Bartłomiej Malanowski staff pro premium commented 7 years ago

Thank you for the details. I added all your suggestions to our TODO list, so I hope we'll resolve these issues in the nearest future

João Pereira commented 7 years ago

Thank you, looking forward to hear from you. keep up the great work!

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No