Modalchange staticBackdrop fails


Topic: Modalchange staticBackdrop fails

drimaco pro premium priority asked 4 months 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 4 months 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.


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: Pro
  • Premium support: Yes
  • 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