Topic: Modalchange staticBackdrop fails
I switch between modals with the given code in Docs with "staticBackdrop" on both:
onClick={() => {
setModal(false);
setTimeout(() => {
setModal2(true);
}, 200);
}}
Expected behavior
Both Modals backdrop are unscrollable
Actual behavior
After switching to the 2nd modal staticBackdrop seems ignored and both modals backtrops are scrollable
Resources (screenshots, code snippets etc.)
https://github.com/txmazing/MDBModalissue3
Another little bug. It seems that the Datepicker adds the standard scrollbar width not the current width of the maybe edited scrollbar. And autoComplete='none' doesnt work on Datepicker.
Increase the value in the setTimeout to 400 as it is in the docs. The disappear animation must be completely finished to open another modal and the 200 value is not enough.
The bug with the Datepicker will be fixed in the next release.
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.4.0
- Device: PC
- Browser: Chrome
- OS: Chrome 98.0.4758.102 Win11
- Provided sample code: No
- Provided link: Yes