Flatpickr: Can't make calendar close when click out of it

Created on 24 Jul 2017 · 3Comments · Source: flatpickr/flatpickr

I've recently started using flatpickr and I'm having a blast with it, but there is one function I still couldn't use

As far as I've understood, flatpickr is suposed to close on its own when I click out of its focus, I found #891, where it says that feature should work if I'm using versions >3.0

I just tried using 3.0.6 and the issue still occur

I'm not sure if its related but I'm using it with Vue

The issue happens on both Chrome and Firefox (not tested on IE)

Source

mchaves-ciandt

Most helpful comment

I just ran into the same issue. It looks like Flatpickr listens to clicks on the body rather than the document. In some cases, the body is not tall enough to include the picker(which is absolutely positioned), so you're clicking outside the body and this isn't picked up by Flatpickr.

vue-flatpickr
JSFiddle demo

X-posting here as requested by @ankurk91

abhishek-x47d on 14 Nov 2017

👍2

All 3 comments

Hello,

Please make a jsfiddle demonstrating the issue, and I'll do whatever possible to help.

chmln on 1 Aug 2017

vue-flatpickr
JSFiddle demo

X-posting here as requested by @ankurk91

abhishek-x47d on 14 Nov 2017

👍2

Having same issue as @abhishek-x47d. My use case includes a sticky footer which causes the same behavior (body doesn't extend all the way to the bottom).

What is the rationale behind listening clicks only on body and not on the whole document? Would listening to all clicks break something? If there are no issues I would really like that feature.

PS: Great tool!