Topic: MDBModal closes when initial click down is inside modal but click up outside modal

VDLP priority asked 1 year ago


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.)

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

Bartosz Cylwik staff answered 1 year ago

Hi! Thank you for letting us know. I have added this issue to our to do list. Best Regards!

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • 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