ComboBox: [UWP] Entry steals focus and cannot close the dropdown in Edit Mode

Progress® Telerik® UI for Xamarin Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 08 Dec 2021 06:58 by ADMIN

Vivian

Created on: 15 Jul 2021 13:48

Category: ComboBox

Type: Bug Report

ComboBox: [UWP] Entry steals focus and cannot close the dropdown in Edit Mode

if you have the following setup, more than one ComboBox controls:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <telerikInput:RadComboBox Grid.Row="0"
                                ItemsSource="{Binding Items}" 
                            DisplayMemberPath="Name"                        
                            SearchTextPath="Name"
                            SearchMode="Contains"
                            Placeholder="select a response..."
                            FontSize="12"
                                x:Name="popup1"
                            SelectionMode="Single"
                            HorizontalOptions="FillAndExpand"
                            HighlightTextColor="DarkOrange"
                            IsDropDownClosedOnSelection="True"
                            IsEditable="True">
           
    </telerikInput:RadComboBox>

    <telerikInput:RadComboBox ItemsSource="{Binding Items}" 
                                DisplayMemberPath="Population" 
                                Grid.Row="1" x:Name="popup2"                      
                            SearchTextPath="Population"
                            SearchMode="Contains"
                            Placeholder="select an employee..."
                            FontSize="12"
                            SelectionMode="Single"
                            HorizontalOptions="FillAndExpand"
                            HighlightTextColor="DarkOrange"
                            IsDropDownClosedOnSelection="True"
                            IsEditable="True">
    </telerikInput:RadComboBox>
</Grid>

and when the user clicks on the first/second control but did not select an item and clicks on another combo, the entry steals focus and cannot close the dwop/down or navigate away.

2 comments

ADMIN

Didi

Posted on: 08 Dec 2021 06:58

Hi Michael,

You can replace the ComboBox with RadAutoCompleteView control in order to workaround this issue.

Example:

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <telerikInput:RadAutoCompleteView Grid.Row="0"
                                ItemsSource="{Binding Items}" 
                            CompletionMode="Contains"
                            Watermark="select a response..."
                            FontSize="12" SuggestionViewHeight="100"
                                x:Name="popup1"
                                          TextSearchPath="Name"
                            HorizontalOptions="FillAndExpand">

        </telerikInput:RadAutoCompleteView>

        <telerikInput:RadAutoCompleteView ItemsSource="{Binding Items}" 
                                Grid.Row="1" x:Name="popup2"                      
                            TextSearchPath="Name"
                            CompletionMode="Contains" SuggestionViewHeight="100"
                            Watermark="select an employee..."
                            FontSize="12">
        </telerikInput:RadAutoCompleteView>
    </Grid>

Regards,
Didi
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Michael

Posted on: 07 Dec 2021 17:31

Has anyone found a work around this issue?