Mobile Safai doesn't close when tapping outside the control

When using an iPad or iPhone, clicking outside the opened flatpickr does not close it.

Expected Behavior

It should close.

Current Behavior

It doesn’t close.

Possible Solution

In the bind() method, document.addEventListener("click", documentClick); does not work on non-link elements in mobile Safari (see http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery). A possible solution could be when the control opens on a mobile device to add a class to the body, the class would contain cursor: pointer; to work around the issue (might need to add this to an invisible overlay between the page and the control…)

Steps to Reproduce (for bugs)

1. Open flatpickr on an iPad
2. Click on a part of the page outside of flatpickr.
3. Flatpickr does not close as expected.

Context

It makes using the control on an iPad a bit frustrating.

Your Environment

• Version used: 2
• Browser Name and version: Mobile Safari
• Operating System and version (desktop or mobile): iOS 10

[wekii]

I can confirm that in Flatpickr v2.3.4 this issue is present on mobile Safari on iOS 10.

[chmln]

Kindly re-open the issue if any problems still persist. Thank you