Modal: closes if onmouseup event is outside of the modal

[ehni]

Dear coreui-vue Team,

I think there might be a bug within the modal.

Before opening an issue:

• Search for duplicate or closed issues
  • Nothing similar found
• Prepare a reduced test case for any bugs
  • Can be reproduced using the example modal in the docs: https://coreui.io/vue/docs/components/modal.html
• Read the contributing guidelines

What's wrong

When you open the modal and highlight some text the modal closes if the onmouseup event happens outside of the modal. This can lead to confusion when e.g. selecting some text.

The example modal in the official docs already show the behaviour: https://coreui.io/vue/docs/components/modal.html

Example video

Expected behaviour

When the onmousedown event happens inside the modal the onmouseup event should not close the modal, even if it happens outside of the modal.

The expected behaviour is e.g. shown in the vuematerial modal: https://vuematerial.io/components/dialog/

Example video

[ehni]

There was no reaction for a few days now.

Reaching out to @xidedix. Is the modal behaviour expected?

I prepared a PR for this with #154

[mrholek]

@ehmi I found a solution in the next release I will fix it.