Last Updated: 17 Apr 2018 11:53 by Raymond
Created on: 23 Jan 2017 09:12
Category: UI for ASP.NET AJAX
Type: Bug Report
Unable to move focus away from RadMenu with tabindex="0", when Tab/Shift+Tab is pressed
There are two ways to avoid this:

- Define a tab order on the entire page so all necessary controls will have their TabIndex attribute set

- Remove the attribute from the menu with JS. Here follow a couple of examples. Using RenderMode="Lightweight" also may improve the situation if you do not use the NavigateUrl of the items, so <a> elements are not rendered.

     - Solution 1: Executes when the entire page has loaded
               function removeMenuTabIndex() {

     - Solution 2: Add just after the menu so it executes while the DOM is loading, perhaps this can facilitate screen reader compatibility

        <telerik:RadMenu runat="server" ID="rm1" RenderMode="Lightweight">
                    <telerik:RadMenuItem Text="first"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="second"></telerik:RadMenuItem>
1 comment
Posted on: 19 Sep 2017 16:34
This is a major issue with me as well.  I've been working on converting our applications to the radmenu from a different menu tool, but I cannot deploy them with this behavior.