Incorrect Drop-Down Position with jQuery 2
Environment
Product | Progress® Telerik® UI for ASP.NET MVC | Progress® Telerik® UI for ASP.NET Core |
Description
When the page is scrolled down, the drop-down position is incorrect—it does not consider the page scroll position and is detached from its element by roughly the scroll distance. This issue affects widgets that contain dropdowns such as the Kendo UI ComboBox, DatePicker, DropDownList, Multiselect, and so on. It could also affect other popup components like the ToolTip.
Table 1: A demonstration of the issue
Cause
The cause of the issue is jQuery version 2 which has a positioning bug in this scenario. While it was logged initially for IE, it seems to also affect Chrome. For more information, refer to the following GitHub issues:
- https://github.com/jquery/jquery/issues/2897
- https://github.com/KidSysco/jquery-ui-month-picker/issues/40
Solution
Upgrade to jQuery 3.3.1 where the bug is fixed.