Date picker is still shown on click of another input filed

[umamaheswarcs]

I have clicked on date input filter then date picker shows up. Without the date selection, I clicked(accidentally) on another filter input of any type the first date picker is not hidden.

This is happening for date and range_date filter types.

I think focusout event needs to be added for date filter to hide current date picker. I tried this and the date picker is hidden but the value in input field is clearing.

Please check at line 1682 for adding focusout event if necessary for From and To input fields

[vedmack]

test page will speed up the solution...

…

On Feb 23, 2018 11:48 AM, "umamaheswarcs" ***@***.***> wrote: I have clicked on date input filter then date picker shows up. Without the date selection, I clicked(accidentally) on another filter input of any type the first date picker is not hidden. This is happening for date and range_date filter types. [image: 2 multipl e date pickers] <https://user-images.githubusercontent.com/4364002/36587584-9e9252ce-18ab-11e8-9103-654fcbc785a7.png> I think focusout event needs to be added for date filter to hide current date picker. I tried this and the date picker is hidden but the value in input field is clearing. Please check at line 1682 for adding focusout event if necessary for From and To input fields — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#442>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABmiX6nqn_GohUIAxy-QTFPVL9V4VH3Tks5tXolrgaJpZM4SQn7h> .

[umamaheswarcs]

Created Test page for 441 and 442 issues jsfiddle.net/umamaheswarcs/UvjnT/2975

[lenamtl]

I'm having similar issue.
I'm using externally_triggered: true

In my case I have date picker - date range
just under it I have a select2
If I click on date picker and I don't select a date and then click on select box
the calendar stay open and select appear half over it

So the problem seems that even if we set datepicker to autoclose: true,
it does not close when clicking on another field.

Note this also occur when using select2 if I don't select an item an click on another Select2 box they all stay open.... so this is not only related to the datepicker...

For example, because the fields are not closing on click they overlaps, the select2 dropdown is over the calendar

[lenamtl]

Any new on this?

[vedmack]

not yet, but if you will provide me an api call / etc that closes all open datepickers it will surely speed up the solution

[lenamtl]

I did some tests with select2 and uxsolutions/bootstrap-datepicker
I have not tried other plugin yet but I think the issue will occurred with all plugins that have to open something. When clicking from an input to another input directly (without clicking outside the input )
the first input stay opened and it should be closed.

I have made tests using a regular form and Yadcf form to compare the result.

On regular form
Case 1
click on calendar input this open the calendar view
click inside another input a Select2 dropdown
result : calendar view is now closed and select2 is opened

Using Yadcf form
Case 1
click on calendar input this open the calendar view
click inside another input a Select2 dropdown
result : both input stay opened (calendar should be closed)

On regular form
Case 2
click on select2 input then click inside another Select2 input
result: the first select2 dropdown is now closed and second select2 dropdown is opened

Using Yadcf form
Case 2
click on select2 input then click inside another Select2 dropdown
result: the first select2 is still opened and second select2 is opened
(the first select2 dropdown should be closed)

This is not blocking but make the form look weird if you have several select2 or calendar
see my previous message image to get an idea.

[vedmack]

i know why its not being closed, I just need to know how to close all open datepickers , I might just call a general selector.hide / etc

[lenamtl]

for Select2
there is a close method
https://select2.org/programmatic-control/methods
$('#mySelect2').select2('close');

for uxsolutions/bootstrap-datepicker
there is an option autoclose true but it's getting ignored..
there is a hide method
http://bootstrap-datepicker.readthedocs.io/en/latest/methods.html
$(#mydatepicker).datepicker('hide');

[vedmack]

Thanks, I'm aware of those functions I believe that I will finish working on this issue in the next days

[vedmack]

fixed

as to the select2 mentioned above, please open a new issue with a test case because it does work in showcase, in case you are using an older version of select2 please use a newer, in case that you are using a more recent select2 version please provide a test case

[lenamtl]

Hi I just created a new case for Select2

Does your fix cover all datepicker type for single date and date range?