Topic: tabbing and tabIndex in modal broke?

drimaco free asked 9 months ago


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


drimaco free answered 7 months ago


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 7 months 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 free commented 7 months ago

Okay, thank you :)


Krzysztof Wilk staff answered 9 months ago


Hi!

Thanks for reporting that. We will fix this as soon as possible.

Keep coding!



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 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