Modal backdrop is not working as expected

web
mobile

Topic: Modal backdrop is not working as expected

Venky pro asked 1 months ago

Expected behavior

If backdrop prop is set to false, the other elements on the body should be clickable

Actual behavior

Instead it's not allowing to click anything on the body except the modal elements. Please check the screenshot for the same.

Resources (screenshots, code snippets etc.)

 <MDBModal isOpen={this.state.actionsToast} frame position="bottom" backdrop={false}>
    <MDBModalBody className="text-center">
        <MDBContainer>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            <MDBBtn color="secondary">Close</MDBBtn>
            <MDBBtn color="primary">Save changes</MDBBtn>
        </MDBContainer>
    </MDBModalBody>
</MDBModal>

enter image description here


Piotr Glejzer staff commented 1 months ago

Thanks for the report. I added this to our list to do with bugs. We will resolve it in the next release. Have a nice day.


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: React
  • MDB Version: 4.24.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: No