We are encountering an issue with the RadListBox control (version 2026.1.225) where the container's scroll position abruptly jumps back to 0 when an item is selected. Tested with Edge, Chrome and Firefox. This issue can be reproduced directly on the official Progress live demo page.
Live Demo URL for Reproduction:
https://demos.telerik.com/aspnet-ajax/listbox/examples/functionality/reorder/defaultcs.aspx
- Open the demo page linked above.
- Scroll down to the bottom of the RadListBox using only the mouse wheel.
- Click on any item (e.g., "USA") to select it.
Observed behavior:
Immediately upon clicking the item, the container's scroll position snaps back to 0 (the top of the list). This happens consistently across all modern browsers (Edge, Chrome, and Firefox).
- The issue does not occur if the user clicks and drags the scrollbar thumb with the left mouse button before selecting an item.
- The issue does not occur if the user clicks the top or bottom navigation arrows on the scrollbar container to scroll.
- The unexpected reset to 0 only triggers when scrolling is performed exclusively via the mouse wheel prior to item selection.
1) There is no element with the id or name as the value of the aria-controls attribute of the dateinput button with enabled ARIA support.
2) The aria-valuemin and aria-valuemax attribute are not valid on role=textbox
To fix these, the following workarounds can be used
Option 1: OnClientLoad event of the DateInput element inside the DatePicker
function DatePickerOnClientLoad(sender) {
setTimeout(function () {
$telerik.$(sender.get_element()).parent().find("[role=button][aria-controls]").removeAttr("aria-controls");
$telerik.$(sender.get_element()).removeAttr("aria-valuemin").removeAttr("aria-valuemax")
})
}
Option 2: using Sys.Application.Load event
function pageLoadHandler() {
$telerik.$("[role=button][aria-controls]");
$telerik.$("[role=textbox]").removeAttr("aria-valuemin").removeAttr("aria-valuemax");
// Sys.Application.remove_load(pageLoadHandler);
}
Sys.Application.add_load(pageLoadHandler);
When loading a page configured with RadScriptManager, RadStyleSheetManager, and RadWindowManager using CDN and combined resources, a JavaScript runtime error occurs:
<telerik:RadScriptManager runat="server" ID="RadScriptManager1"
AsyncPostBackTimeout="500" EnablePageMethods="true"
EnableScriptCombine="true" LoadScriptsBeforeUI="true"
EnableCdn="true" CdnSettings-TelerikCdn="Enabled" CdnSettings-CombinedResource="Enabled"
EnableScriptLocalization="true"
EnableScriptGlobalization="true" />
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1"
runat="server"
EnableStyleSheetCombine="true"
CdnSettings-TelerikCdn="Enabled" CdnSettings-CombinedResource="Enabled" />
<telerik:RadWindowManager runat="server" ID="radWindowManager" Style="z-index: 7001;" RenderMode="Lightweight" />
<telerik:RadWindow runat="server" ID="RadWindowRecommendUs" EnableViewState="false"
Behaviors="Close" VisibleOnPageLoad="false"
Width="300px" Height="590px"
InitialBehaviors="Pin" VisibleStatusbar="false" VisibleTitlebar="true" Modal="true" ReloadOnShow="true" Overlay="false" />
<telerik:RadWindow ID="RadWindowFacebookLoginCompleteDetails" runat="server"
Behaviors="Reload" Modal="true" VisibleStatusbar="false"
Width="720" Height="750"
IconUrl="/SITE/COMPONENTS/facebook/fb_icon_16X16.png"
/>
<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Style="width: 100%; min-height: 250px;" /> The page should load without script registration conflicts.
Actual behavior:
The browser console shows an Uncaught Sys.InvalidOperationException, preventing proper execution of Telerik scripts.