Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

allowInput=true and Enter keypress form submit

See original GitHub issue

Firstly, thanks for the beautiful date/time picker.

Now, I would like to submit my form on pressing the Enter key when combined with flatpickr with allowInput=true.

Currently flatpickr consumes the Enter keypress event and calls the parseDate callback. Is there a way to disable this?

Issue Analytics

State:
Created 7 years ago
Reactions:2
Comments:5

Top GitHub Comments

2reactions

megalofaunacommented, Apr 24, 2019

I’m using flatpickr v4.5.2 and seem to running into this issue. Is it possible there has been a regression since the fix?

0reactions

leachimsumiricommented, May 3, 2021

As an aside this also seems to affect pressing enter on a forms textarea. When in a textarea element of a form which has flatpickr, you cannot press enter to go to next line. I think this is due to flatpickr hijacking the enter key for the entire window:

https://github.com/flatpickr/flatpickr/blob/7012a3b025c6aea05e955004082d160ea7f67535/src/index.ts#L412

Update: Figured that the problem was because I was attaching the flatpickr instance to the form wrapper. Attaching it elsewhere solved the issue.

I’m binding the flatpickr instance only to one element but experience the same problem. Every Enter press on an input field opens the datepicker.

flatpickr v.4.5.7

Any solutions?