Skip to main content

Search and Top Navigation

#15396 new bug ()

Opened February 18, 2021 04:37AM UTC

Last modified February 18, 2021 04:51AM UTC

Datepicker position issue when it is added inside a fixed element and we have scrolled down the page

Reported by: rajeshsingh520 Owned by:
Priority: major Milestone: none
Component: ui.datepicker Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:
Description

Issue is related to

jquery UI Date pciker 1.12.1 Jquery 3.5.1 on Chrome

(I tried with old version of jquery UI with jQuery 3.5.1 but still issue persist, so I think issue is related to jQuery 3.5.1 position detection function which is been used inside the jquery ui)

step 1: add date picker to an element the container of the element is fixed positioned on the page

step 2: scroll down the page and now when you will click on the input field the calendar will not be visible

the scrolling of the page affect the position of the calendar and it does not open below the input field

the issue is hapening in the Chrome (not in the safary browser)

here is the Js fiddle of the issue

https://jsfiddle.net/rajesh520/xy5sv63d/2/

and here is the video of the issue

https://youtu.be/RdpzcsSR-B4

Attachments (0)
Change History (1)

Changed February 18, 2021 04:51AM UTC by rajeshsingh520 comment:1

description: Issue is related to \ \ jquery UI Date pciker 1.12.1 on Chrome \ \ step 1: add date picker to an element the container of the element is fixed positioned on the page \ \ step 2: scroll down the page and now when you will click on the input field the calendar will not be visible \ the scrolling of the page affect the position of the calendar and it does not open below the input field \ \ the issue is hapening in the Chrome (not in the safary browser) \ \ here is the Js fiddle of the issue \ https://jsfiddle.net/rajesh520/xy5sv63d/2/ \ \ and here is the video of the issue \ https://youtu.be/RdpzcsSR-B4 \ \ \ \ \ \ \ Issue is related to \ \ jquery UI Date pciker 1.12.1 Jquery 3.5.1 on Chrome \ \ (I tried with old version of jquery UI with jQuery 3.5.1 but still issue persist, so I think issue is related to jQuery 3.5.1 position detection function which is been used inside the jquery ui) \ \ step 1: add date picker to an element the container of the element is fixed positioned on the page \ \ step 2: scroll down the page and now when you will click on the input field the calendar will not be visible \ the scrolling of the page affect the position of the calendar and it does not open below the input field \ \ the issue is hapening in the Chrome (not in the safary browser) \ \ here is the Js fiddle of the issue \ https://jsfiddle.net/rajesh520/xy5sv63d/2/ \ \ and here is the video of the issue \ https://youtu.be/RdpzcsSR-B4 \ \ \ \ \ \ \
priority: minormajor