RadMenu Keyboard Focus

[James]

When using the keyboard to traverse a GUI's components, a RadMenu gets highlighted the first time it receives keyboard focus but never loses the highlight when the focus goes to the next item.

Example:
- Add the following to a simple GUI:

1. two buttons
2. one RadMenu

- Run the application
- Tab around the controls
- Notice how the buttons change visual status when they receive and lose keyboard focus.
- Notice how the menu turns orange the first time it receives keyboard focus and then never changes visual state again as it receives/loses focus.
 
  I have tried resetting background color in the LostKeyboardFocus Event on the RadMenu and its topmost RadMenuItem but that doesn't work.

  How can I get a RadMenu to correctly display visual feedback as it receives/loses keyboard focus?

[Rosen Vladimirov]

Hello James,

I've tried to reproduce the issue, but unfortunately I couldn't. May I ask you to check attached project and modify it in order to reproduce the problem, so we could investigate it further.

I'm looking forward to hearing from you.

Regards,
Rosen Vladimirov
Telerik

[James]

Hi Rosen,
  The key to the problem is to have a RadMenu with a single RadMenuItem.  If you modify your sample project to have this XAML you will see the issue:

<Window x:Class="RadMenu_WPF_719421.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        Title="MainWindow" Height="377" Width="525">
    <Grid>
        <StackPanel>
            <Button Content="Button 1" Width="300" Height="100" Margin="10"/>
            <Button Content="Button 2" Width="300" Height="100" Margin="10"/>
            <telerik:RadMenu>
                <telerik:RadMenuItem Header="Item 1">
                    <telerik:RadMenuItem Header="Item 1.1"/>
                    <telerik:RadMenuItem Header="Item 1.2"/>
                    <telerik:RadMenuItem Header="Item 1.3"/>
                    <telerik:RadMenuItem Header="Item 1.4"/>
                </telerik:RadMenuItem>
            </telerik:RadMenu>
        </StackPanel>
    </Grid>
</Window>

The RadMenu will turn orange upon first keyboard focus but its color will never revert back when the buttons receive focus.

Thanks for helping with this issue.

James

[Rosen Vladimirov]

Hi James,

I've modified my code based on your last mail and I've tried to reproduce the problem. Unfortunately I couldn't. You can find attached a short video demonstrating my approach. I've used only Tab key to navigate. May I ask you to share which version of RadControls are you using and if I should apply any additional changes on my project in order to reproduce the issue?

I'm looking forward to hearing from you. 

Regards,
Rosen Vladimirov
Telerik

[James]

Hi Rosen, 
  Thank you for the video.  It looks like you are doing the same set of steps I am doing.  I am using the Q3 2012 release of RadControls for WPF (version 2012.3.1129.40).  I see from your video that you are using a newer version (2013.2.611.40).  I would guess that our whatever problem I am seeing was resolved in the newer version.  I will work with my management to get a newer version of the RadControls and then I will retest.  I'll post my results as soon as I have them.

Thanks,
   James

[CRAIG MCINTIRE]

Hi Rosen,
  I upgraded to the Q2-2013 RadControls for WPF (version 2013.2.724.40).  I was disappointed to see that the problem still exists.  I even ran the Telerik menu demo and saw the same behavior there.  With the menu demo, the last menu cell still shows visual keyboard focus even though other GUI components are actually focused.

  This may sound like a minor issue, but we will fail any 508 testing when the visual representation of the focused component is not correct.

  Is there any chance you can run your test program with the current WPF version (2013.2.724.40) to see if the problem happens for you? 

Thanks,
   James

[Rosen Vladimirov]

Hi James,

Thank you very much for the clarification. With your help, we have reproduced the issue and we've just fixed it. It will be included in our next week's internal build.

I've updated your Telerik Points as a small sign of our appreciation for your efforts. Feel free to contact us in case you have any problems or concerns.

Regards,
Rosen Vladimirov
Telerik

[Nayana]

I am using telerik controls version 2010.3 in my web application. I am not able to use keyboard navigation for accessing Rad Menu control and also it's sub menu items. Please help as we require to provide WCAG compliance in our web application.

 

Thanks

Nayana