RadRibbonDropDownButton Stops Displaying Content

[Derek]

When I have a RadRibbonDropDownButton with RadContentMenu and I hover over one of the RadMenuItems and hit the space bar it stops allowing me to click on the RadRibbonDropDownButton.

TO REPRODUCT:
Click on Drop down button.
Hover over an item in the menu
Click space bar
Click off the menu context so it is now hidden again
Try to click on dropdown button to display menu again.

Version: 2011.2.1010.1040

Video of Example: http://screencast.com/t/YghCQeM0

XAML CODE:

<UserControl x:Class="RadRibbonDropDownButtonTest.MainPage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="400">

    <Grid x:Name="LayoutRoot"
          Background="White">
        <telerik:RadRibbonDropDownButton Name="MeasureButton"
                                         x:FieldModifier="public"
                                         IsAutoSize="True"
                                         CollapseToMedium="WhenGroupIsMedium"
                                         CollapseToSmall="WhenGroupIsSmall"
                                         Size="Large"
                                         Text="Measure"
                                         Height="70"
                                         Background="Gray"
                                         HorizontalAlignment="Center"
                                         VerticalAlignment="Center">

            <telerik:RadDropDownButton.DropDownContent>
                <telerik:RadContextMenu>
                    <telerik:RadMenuItem Header="Distance">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Header="Area">
                    </telerik:RadMenuItem>
                </telerik:RadContextMenu>
            </telerik:RadDropDownButton.DropDownContent>
        </telerik:RadRibbonDropDownButton>
    </Grid>
</UserControl>

[Tina Stancheva]

Hello Derek,

If you want to create a menu button and use it to display ContextMenu options, then it is best to use the approach described  here. This would mean that in the RadRibbonView, you can define the following menu button:

<telerik:RadRibbonToggleButton IsChecked="{Binding IsOpen, ElementName=radContextMenu, Mode=TwoWay}">
    <telerik:RadContextMenu.ContextMenu>
        <telerik:RadContextMenu x:Name="radContextMenu" Placement="Bottom">
           <telerik:RadMenuItem Header="Distance">
           </telerik:RadMenuItem>
           <telerik:RadMenuItem Header="Area">
           </telerik:RadMenuItem>
        </telerik:RadContextMenu>
    </telerik:RadContextMenu.ContextMenu>
</telerik:RadRibbonToggleButton>

Please give this a try and let us know if it helps.

Regards,
Tina Stancheva
the Telerik team

[Derek]

Hey Tina,

I have supplied code that is a little more like what we are actually doing.  We allow the user to enter some text, however,  they have to hit space twice for it to actually add a space and if they it have to add a space in a middle of characters it break or if they hit space at the end of a sentence and don't continue typing it breaks.  Please let me know if I should still look into ToggleButton or if this is an issue with the RadRibbonDropDownButton.

Thanks,
Derek

Screen Cast: http://screencast.com/t/6vpcSAvEPv1

<UserControl x:Class="RadRibbonDropDownButtonTest.MainPage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="400">

    <Grid x:Name="LayoutRoot"
          Background="White">
        <telerik:RadRibbonDropDownButton Name="MeasureButton"
                                         x:FieldModifier="public"
                                         IsAutoSize="True"
                                         CollapseToMedium="WhenGroupIsMedium"
                                         CollapseToSmall="WhenGroupIsSmall"
                                         Size="Large"
                                         Text="Measure"
                                         Height="70"
                                         Background="Gray"
                                         HorizontalAlignment="Center"
                                         VerticalAlignment="Center">

            <telerik:RadDropDownButton.DropDownContent>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Enter Text Here:" />
                    <TextBox Width="150" />
                </StackPanel>
            </telerik:RadDropDownButton.DropDownContent>
        </telerik:RadRibbonDropDownButton>
    </Grid>
</UserControl>

[Tina Stancheva]

Hello Derek,

I tested your solution using the  2011.2.1010.1040 version and I was able to reproduce the issue. However, with the latest official release of our controls, it can't be reproduced, so you can either upgrade to get over the issue or use the RadRibbonToggleButton approach I suggested.

Let me know if you need further assistance.

Regards,
Tina Stancheva
the Telerik team