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.