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

[Rajesh]

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