MDBModal closes when initial click down is inside modal but


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

Menno pro premium priority asked 2 years ago

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


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!


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • 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
Tags