Combo Box in Xamarin UWP desktop app

[Vivian]

Hi support,

We would like to create a response drop down where we allow users to search for an item in the list. The drop down is bind to an observable collection in the VM called Response. Please see the definition of the combo box Response below.  

It seems to be working fine. User is able to search and select an item and the selected item is bound to ResponseSelected as specified. The only problem we are having is when the user clicks on the control but did not select an item and clicks on another combo box with similar definitions (see Employees combo box below). The application hangs and it looks like it went into an infinite loop. This 'hanging' issue also appears if you keep clicking on the combo box (either Response or Employees) multiple times.

If we change IsEditable in the combo box definitions to False on both combo boxes, the hanging issue goes away. Are we doing something wrong? Please help.

<telerikInput:RadComboBox Grid.Row="0" Grid.Column="0"
                                          ItemsSource="{Binding Response}" DropDownBackgroundColor="White"
                                          DisplayMemberPath="Description"
                                          TextColor="{StaticResource SilverTextColor}"                        
                                          SearchTextPath="Description"
                                          SearchMode="Contains"
                                          Placeholder="select a response..."
                                          PlaceholderColor="White"
                                          FontSize="12"
                                          SelectionMode="Single"
                                          HorizontalOptions="FillAndExpand"
                                          Margin="10,5,10,0"
                                          SelectedItem="{Binding ResponseSelected, Mode=TwoWay}"
                                          HighlightTextColor="DarkOrange"
                                          IsDropDownClosedOnSelection="True"
                                          IsEditable="True">
                                        <telerikInput:RadComboBox.SelectedItemTemplate>
                                            <DataTemplate>
                                                <StackLayout BackgroundColor="White">
                                                    <Label Text="{Binding Description}" Style="{StaticResource labelStyle}" Margin="5,5,0,5" TextColor="Black" />
                                                </StackLayout>
                                            </DataTemplate>
                                        </telerikInput:RadComboBox.SelectedItemTemplate>

                                    </telerikInput:RadComboBox>

 

   <telerikInput:RadComboBox ItemsSource="{Binding Employees}" DropDownBackgroundColor="White"
                                          DisplayMemberPath="FullName"
                                          TextColor="{StaticResource SilverTextColor}"                        
                                          SearchTextPath="FullName"
                                          SearchMode="Contains"
                                          Placeholder="select an employee..."
                                          PlaceholderColor="White"
                                          FontSize="12"
                                          SelectionMode="Single"
                                          Margin="0,0,10,0" 
                                          HorizontalOptions="FillAndExpand"
                                          SelectedItem="{Binding EmployeeSelected, Mode=TwoWay}"
                                          HighlightTextColor="DarkOrange"
                                          IsDropDownClosedOnSelection="True"
                                          IsEditable="True">
                                        <telerikInput:RadComboBox.SelectedItemTemplate>
                                            <DataTemplate>
                                                <StackLayout BackgroundColor="White">
                                                    <Label Text="{Binding FullName}" Style="{StaticResource labelStyle}" Margin="5,5,0,5" TextColor="Black" />
                                                </StackLayout>
                                            </DataTemplate>
                                        </telerikInput:RadComboBox.SelectedItemTemplate>

                                    </telerikInput:RadComboBox>

[Didi]

Hello,

I reproduced the issue, It seems the issue is related to the Entry control which is used when the Combo is in Edit Mode. I have logged a bug report on your behalf in our feedback portal. Follow the item to get email notifications when there is an update: https://feedback.telerik.com/xamarin/1527989-combobox-uwp-entry-steals-focus-and-cannot-close-the-dropdown-in-edit-mode 

Find your Telerik points updated as a small sign of gratitude for bringing this issue to our attention.

Workaround:

Use the RadAutoCompleteView control. I couldn't find a workaround for this issue when using ComboBox control. 

Regards,
Didi
Progress Telerik

[Vivian]

Thank you Didi!