fix: event bubbling wrong when clicking on month day event

[MarcelR1998]

Checklist

Please put "X" in the below checkboxes that apply::

• If committing a bugfix, I have tested it in different browsers (Chrome, Firefox, Safari).
• If committing a new feature, I have first submitted an issue (Please note: you are free to open PRs for non-issued features, but opening an issue increases your chance of a successful PR).
• If committing a new feature, I have also written an appropriate test suite for it.

I have tested the following:

• Qalendar component in month mode.
• Qalendar component in week mode.
• Qalendar component in day mode.
• All of the above modes on emulated mobile view.
• Dragging and dropping events.
• Resizing events in day/week modes.
• Clicking events to open event dialog.

This PR solves the following problem**.

Prevents the date-was-clicked event from bubbling up when an event is clicked.
I saw that the .self modifier was removed 6 months ago on that exact line, maybe there is some reason for this? Otherwise, I tested adding .stop on the @click on the event in the month view, which also seems to work.

I saw the unit test comment saying there is a problem testing click events with .self? Would writing a unit test testing .stop work?

How to test this PR**.

For example:

1. Click event in month, check for propagation of date-was-clicked event

[coveralls]

coverage: 97.265% (-0.3%) from 97.607%
when pulling 4ff82ad on MarcelR1998:master
into f1ae1dd on tomosterlund:master.

[tomosterlund]

Looks good to me. I think it would also be good to cover this in a unit test for Day.vue, where we click an event, and then check that only event-was-clicked was emitted and not additionally date-was-clicked. If you want to add it, feel free, otherwise I could also give it a shot later today 😊

[tomosterlund]

👍

[felix-berlin]

🎉 This PR is included in version 3.6.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀