vuejs-datepicker icon indicating copy to clipboard operation
vuejs-datepicker copied to clipboard

closed event not firing when clicking outside calendar without selecting a value

Open rafaferry opened this issue 6 years ago • 8 comments

Hello,

I'm having troubles when trying to work with @closed event.

<datepicker :language='language' minimumView="month" maximumView="month" format="MM/yyyy"
  @closeCalendar="myAlert('closeCalendar')"
  @opened="myAlert('opened')"
  @closed="myAlert('closed')" input-class="col-12 form-control"/>

When I click on the input, @opened is triggers my function, but when I click outside without selecting any value, the functions attached to @closed or @closeCalendar are never invoked.

If I select an value, the @closed is triggered and my function is invoked.

rafaferry avatar Jun 01 '18 19:06 rafaferry

take an 1.3.3 version. bug still occures

leoneed96 avatar Jun 14 '18 15:06 leoneed96

verifying that bug still persists in version 1.5.2. Chrome Vue extension only registers the closeCalendar event from DateInput when clicking onto other page elements. closed is triggered on date select or on clicking into input element again.

kirillminiaev avatar Jul 12 '18 22:07 kirillminiaev

@charliekassel, I have the same bug at 1.5.2 version.

dephamin avatar Jul 26 '18 17:07 dephamin

This still persists 1.5.3

j7239 avatar Sep 04 '18 19:09 j7239

can we merge this PR?

rathboma avatar Nov 05 '18 03:11 rathboma

We just ran into this today, closed event still not firing.

Gregg avatar Dec 21 '18 22:12 Gregg

Issue still here in versions 1.5.3 and 1.5.4

triosw avatar Feb 07 '19 15:02 triosw

Does anyone know a workaround?

EDIT: https://github.com/simplesmiler/vue-clickaway worked for me.

fiedl avatar Jul 10 '20 22:07 fiedl