I have an autoComplete box, with a DropDownItemTemplate. I am finding that when the user makes a selection by clicking in the drop down area, whatever is behind the drop down panel gets clicked on as well. For example, if the drop down panel is covering a button, that button gets clicked accidentally. Is there a way to prevent this?
<telerik:RadAutoCompleteBox Width="150" Margin="3" BorderBrush="DarkGray" BorderThickness="1"
itemsSource="{Binding ModelNames}" DisplayMemberPath="Description"
TextSearchMode="Contains" TextSearchPath="ModelName" DropDownPlacement="Control" DropDownWidth="300"
AutoCompleteMode="Suggest" SelectionMode="Single"
SelectionChanged="RadAutoCompleteBox_SelectionChanged_1">
<telerik:RadAutoCompleteBox.DropDownItemTemplate>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"/>
<ColumnDefinition Width="100"/>
<ColumnDefinition Width="100"/>
</Grid.ColumnDefinitions>
<sdk:Label Grid.Column="0" Margin="3" Content="{Binding ManufacturerName}"/>
<sdk:Label Grid.Column="1" Margin="3" Content="{Binding MakeName}"/>
<sdk:Label Grid.Column="2" Margin="3" Content="{Binding ModelName}"/>
</Grid>
</DataTemplate>
</telerik:RadAutoCompleteBox.DropDownItemTemplate>
</telerik:RadAutoCompleteBox>