fix compatibility with choices.js

[ul8]

Fix issue where stopping all event propagation in modal container interferes with opening the choices.js modal, which has event listeners on document.

Sandbox with original issue: https://codesandbox.io/s/vue-final-modal-choices-js-issue-5o694?file=/src/components/VModal.vue (choices.js works fine outside the modal, but not inside the modal, where it does not open on click)

My solution: Instead of stopping all event propagation in the modal content, I'm using the .self modifier on the container to only capture direct clicks on it. I stole this from vue-js-modal code. They use a .self.stop modifier, but I'm not sure why the stop would be necessary here.
https://github.com/euvl/vue-js-modal/blob/2682950e4f9ad37b50d0c4bff0a009856df0be9a/src/components/Modal.vue#L15

Please note that I only tested this with a narrow set of configuration options for vue-final-modal as I am not that deep into your code.

[hunterliu1003]

Many thanks for spending time to solve this issue.
I tested your commit, and it seems all right.
I thought adding .self at vfmContainer and removing .stop at vfmContent is more precise and flexible.

I would merge this PR and publish a bugfix version both in Vue 2 and Vue 3.

[hunterliu1003]

Hi @ul8,

The fix is published in:

• 0.19.3 for Vue 2
• 1.6.2 for Vue 3