Topic: MDBModal closes when initial click down is inside modal but click up outside modal
Hi,
We have a problem with the MDB Modal.
Expected behavior
When I click (mouse down) in the modal and release the click (mouse up) outside the modal, the modal should not close.
In the example of the docs this works as expected, but in my projects and the snippet below, the modal closes when the click is released outside the modal.
Actual behavior
The modal closes when click down is initiated in the modal en released outside the modal.
This is frustrating for modals with inputs where you want to select the content of the input and while doing so, you drag the mouse outside of the modal which causes the modal to close. See Input Modal in snippet.
Resources (screenshots, code snippets etc.)
https://mdbootstrap.com/snippets/vue/menno/4518714
Steps to reproduce
- Open the modal
- Click in the modal (mouse down) and hold the mouse down
- Drag the mouse down outside of the modal
- The modal now closes (but should remain open, because the click is initiated inside the modal)
Kind Regards,
Van der Let & Partners
Bartosz Cylwik staff answered 2 years ago
Hi! Thank you for letting us know. I have added this issue to our to do list. Best Regards!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB5 3.0.0
- Device: n/a
- Browser: n/a
- OS: n/a
- Provided sample code: No
- Provided link: Yes