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
Could you please provide us more details?