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
Attachments (0)
Change History (1)
Changed February 18, 2021 04:51AM UTC by 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: | minor → major |