Modal backdrop is not working as expected

Topic: Modal backdrop is not working as expected

Venky asked 5 years 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