Topic: tabbing and tabIndex in modal broke?
Expected behavior
1.Problem
Modal open, press tab, input "value2" is selected, press tab, then input "value3" is selected, press tab, then input "value1" is selected, press tab, then button is selected
2.Problem
Modal open, klick in "value2", press tab, input "value3" is selected, press tab, input "value1" is selected, press tab, button is selected
Actual behavior
1.Problem
Modal open, press tab, input "value1?" is selected, press tab, then input "value2" is selected, press tab, then input "value3" is selected, press tab, then button is selected
2.Problem
Modal open, click in "value2", press tab, input "value1?" is selected, press tab, input "value2" is selected, press tab, input "value3" is selected, press tab, button is selected
Resources (screenshots, code snippets etc.)
https://github.com/txmazing/MDBModalissue3
The second Problem is still not fixed.
In an modal the tabindex is not continue to the next input, in case i changed focus manually by clicking in an other inputfield.
Also the Datepickers tabindex cannot set for the inputfield itself and the calenderbutton. Also the Datepicker still changes the right margin of the site hardcoded and not by the width of the maybe customized scrolllbar.
Krzysztof Wilk staff commented 3 years ago
Hi!
That's must be an issue with our focus trap implementation. We will check it once again as well as Datepicker :)
Keep coding!
drimaco commented 3 years ago
Okay, thank you :)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: MDB5 2.3.0
- Device: PC
- Browser: Chrome
- OS: Chrome 98.0.4758.82 Win11
- Provided sample code: No
- Provided link: Yes