Topic: Modalchange staticBackdrop fails
drimaco free asked 2 years ago
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.
Wojciech Staniszewski staff answered 2 years ago
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
- ForumUser: 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