vue-datepicker clickOutside with stopPropagation unstable in teleport mode

clickOutside with stopPropagation unstable in teleport mode

Open auirarrazaval opened this issue 10 months ago • 2 comments

Describe the bug In teleport mode, the click event is propagated if the value is changes more than once, despite setting the allowStopPropagation config to true

[EDIT] I believe it's actually any second click, as clicking the select button will also cause the event to be propagated

To Reproduce Steps to reproduce the behavior:

Instantiate the component with teleport and allowStopPropagation, with autoApply: false.
Open the calendar.
Click on a date, then click on another date
The click event is propagated to the background

Expected behavior If the initial event propagation is stopped, there's no reason as of why the second one shouldn't.

In my case, and as you can see below, this is an issue because the component overflows from a modal, which also has a clickOutside handler. This handler gets triggered because the second date update propagates the click and that causes the modal to close.

Screenshots