Unplanned
Last Updated: 22 May 2026 11:59 by ADMIN
Frank
Created on: 18 May 2026 13:08
Category: UI for ASP.NET AJAX
Type: Bug Report
0
RadAsyncUpload can't be selected from RadTab using arrow key navigation

I'm using a RadTab and one of the RadPageViews starts with an RadAsyncUpload-Control. When I use arrow keys to select this tab and try to use the Tab-Key to focus the next element (the RadAsyncUpload in this case) nothing happens. If any other control (like a textbox) is placed above my upload control there is no problem focusing it.

You can see this in the attached Demoproject when using arrow keys to select to RpvUpload.

Attached Files:
2 comments
Frank
Posted on: 21 May 2026 06:43

Hi Vasko,

thanks for your answer. We found the same issue applies if you have a RadPanelBar and a DateTime-Control as the first element of a panel. Then you can't enter the panel using Tab-Navigation.

 

ADMIN
Vasko
Posted on: 19 May 2026 08:04

Hi Frank,

Thank you for the provided project. I managed to see the issue and have created a bug report based on it. As a workaround, I can suggest you automatically focus the AsyncUpload once you enter the specific Tab:

<telerik:RadTabStrip ID="RtsBug" runat="server" MultiPageID="RmpBug" OnClientTabSelected="onTabSelected">
    <KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
    <Tabs>
        <telerik:RadTab runat="server" PageViewID="RadPageView1" Text="Textbox" />
        <telerik:RadTab runat="server" PageViewID="RadPageView2" Text="Upload" />
    </Tabs>
</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RmpBug" runat="server">
    <telerik:RadPageView ID="RadPageView1" runat="server">
        <telerik:RadTextBox runat="server" />
        <telerik:RadAsyncUpload ID="RadAsyncUpload2" runat="server" EnableAriaSupport="true"></telerik:RadAsyncUpload>
    </telerik:RadPageView>
    <telerik:RadPageView ID="RadPageView2" runat="server">
        <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" EnableAriaSupport="true"></telerik:RadAsyncUpload>
    </telerik:RadPageView>
</telerik:RadMultiPage>
function onTabSelected(sender, args) {
    var text = args.get_tab().get_text();

    if (text === "Upload") {
        setTimeout(function () {
            var uploadElement = $find("<%= RadAsyncUpload1.ClientID %>");
            uploadElement._fileInput.focus();
        }, 100);
    }
}

    Additionally, I have updated your Telerik Points as a token of gratitude for bringing this bug to our attention

    Regards,
    Vasko
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources