[regression] eventMouseEnter and eventMouseLeave triggered repeatedly on DOM update

Hello,

I noticed an issue with eventMouseEnter and eventMouseLeave when the DOM is updated in a Vue component, as you can see in this sandbox.

The test variable is supposed to become true when the mouse enters an event, and false when the mouse leaves the event. I also added console.log() calls to see when the two events are fired.

As you can see in the sandbox, when the mouse enters the calendar event, both mouse events are fired repeatedly, one after the other.

More specifically, every time the DOM is updated while the mouse hovers over an event, both events are fired. If we don’t display the value of test on top of the calendar, this does not happen and the events are fired only once as they should be.

This issue does not happen with regular mouseenter and mouseleave Vue events. To illustrate this, I added a div showing the value of a test2 variable which updates on hover.

I am not sure if this issue happens only in the Vue implementation. I tried doing something similar in the regular version (here) by calling render() in both handlers, but I don’t think this is a good example as it should not be equivalent.

Thanks in advance for looking into this.

[arshaw]

fixed in v4.3.1

FYI- there was a bug in a test, which allowed this regression. all fixed

[arshaw]

fixed in 4.2.0: https://codesandbox.io/s/fullcalendar-vue-lscmk

https://github.com/fullcalendar/fullcalendar-vue/releases/tag/v4.2.0