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

1. Open the modal
2. Click in the modal (mouse down) and hold the mouse down
3. Drag the mouse down outside of the modal
4. The modal now closes (but should remain open, because the click is initiated inside the modal)

Kind Regards,

Van der Let & Partners