When you have a date field which uses a date picker, the date picker window does not popup when you do the following

Steps to reproduce

Take the date picker from the example "Style guide"

In a browser on a windows device

1. Click on the date field... the date picker pops up.
2. Click on the right scrollbar of the window... the date picker disappears.
3. Click again in the date field... the date picker does not popup again.

You must first click on another field and then on the date field to popup the date picker again.

CommentFileSizeAuthor
#12 test.mp4307.36 KBDishaKatariya
#8 date_picker_does_not_pops_up_again_3417284.patch1.06 KBShaikh Sadab
#6 Recording 2024-02-07 164844.mp436.86 MBfxa
#4 Screenshot 2024-01-31 183942.png119.17 KBfxa

Issue fork webform-3417284

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

fxa created an issue. See original summary.

fxa’s picture

fxa CreditAttribution: fxa commented
Title: Datepicker does not pops up again » Date picker does not pops up again
jrockowitz’s picture

jrockowitz CreditAttribution: jrockowitz as a volunteer and at Webform module Open Collective, The Big Blue House commented
Status: Active » Postponed (maintainer needs more info)

Can you please include a screen of the datapicker?

Are you using jQuery UI or a native browser date picker?

fxa’s picture

fxa CreditAttribution: fxa commented
FileSize
Screenshot 2024-01-31 183942.png119.17 KB

I use the jQuery UI Datepicker 2.0.0
See attached screenshot.

cilefen’s picture

cilefen CreditAttribution: cilefen commented
Status: Postponed (maintainer needs more info) » Active
fxa’s picture

fxa CreditAttribution: fxa commented
FileSize
Recording 2024-02-07 164844.mp436.86 MB

Here is a video showing the problem.

DimpleL made their first commit to this issue’s fork.

Shaikh Sadab’s picture

Shaikh Sadab CreditAttribution: Shaikh Sadab commented
Status: Active » Needs review
FileSize
date_picker_does_not_pops_up_again_3417284.patch1.06 KB

I was able to reproduce the issue. I have found a workaround for this issue. Please find the attached patch for the same.

fxa’s picture

fxa CreditAttribution: fxa commented

Now it's working fine.
Thanks a lot for the fix.

fxa’s picture

fxa CreditAttribution: fxa commented

Now it's working fine.
Thanks a lot for the fix.

maitri_2112’s picture

maitri_2112 CreditAttribution: maitri_2112 commented

#8 worked for me.
Thanks for the fix.

DishaKatariya’s picture

DishaKatariya CreditAttribution: DishaKatariya as a volunteer and at QED42 for Drupal India Association commented
Assigned: Unassigned » DishaKatariya
DishaKatariya’s picture

DishaKatariya CreditAttribution: DishaKatariya as a volunteer and at QED42 for Drupal India Association commented
Assigned: DishaKatariya » Unassigned
FileSize
test.mp4307.36 KB

Hi, I have tested this issue. and its showing the same results.Followed the same steps as given above
Steps:
In a browser on a windows device
1. Click on the date field... the date picker pops up.
2. Click on the right scrollbar of the window... the date picker disappears.
3. Click again in the date field... the date picker does not popup again.
You must first click on another field and then on the date field to popup the date picker again.
Attaching the recording below:
Keeping it in Needs Review for more reviews and code review.

jrockowitz’s picture

jrockowitz CreditAttribution: jrockowitz as a volunteer and at Webform module Open Collective, The Big Blue House commented
Status: Needs review » Closed (won't fix)

I am able to replicate this issue using the webform_jqueryui_datepicker_test.module.

The issue is that scrolling does not remove focus from the date picker.
@see https://bugs.jqueryui.com/ticket/8593/

This issue is coming from the Datepicker widget and should be fixed upstream or you can use the patch AS-IS.