Combo Box in Xamarin UWP desktop app

1 Answer 158 Views
ComboBox
Vivian
Top achievements
Rank 1
Iron
Vivian asked on 14 Jul 2021, 05:49 PM

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>

1 Answer, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 15 Jul 2021, 01:55 PM | edited on 15 Jul 2021, 03:54 PM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Vivian
Top achievements
Rank 1
Iron
commented on 15 Jul 2021, 02:59 PM

Thank you Didi!
Tags
ComboBox
Asked by
Vivian
Top achievements
Rank 1
Iron
Answers by
Didi
Telerik team
Share this question
or