Incorrect Drop Down Position with jQuery 2

Environment

Product ProgressĀ® Kendo UIĀ®, UI for ASP.NET MVC, UI for ASP.NET Core

Description

When the page is scrolled down, the dropdown position is incorrect - it does not consider the page scroll position and is offset (detached) from its element by roughly the scroll distance.

This issue affects various widgets that have dropdowns - combo box, date picker, dropdownlist, multiselect, etc.

Example of the problem:

Cause\Possible Cause(s)

The problem stems from jQuery v2 which has a positioning bug in this scenario. While it was logged initially for IE, it seems to also affect Chrome. You can read more about it in the following GitHub issues:

Solution

The solution is to upgrade to jQuery 3.3.1 where the bug is fixed.

In this article
Not finding the help you need? Improve this article