RadComboBox drop down list does not close when used in the RadPopup

1 Answer 102 Views
ComboBox Popup
Johnson
Top achievements
Rank 1
Johnson asked on 20 Feb 2024, 02:55 PM | edited on 21 Feb 2024, 06:12 AM

Hey Team,

When I tried to use RadComboBox in the RadPopup.
We found the dop down list did not close:
        1. When we leave focus from dropdown or close the RadPopup on windows system
        2. When we leave focus from dropdown on MacOS

<Button
            Clicked="ShowPopup"
            HorizontalOptions="Center"
            Text="Show RadPopup"
            VerticalOptions="Start"
            x:Name="button">
            <telerik:RadPopup.Popup>
                <telerik:RadPopup
                    IsModal="True"
                    OutsideBackgroundColor="#6F000000"
                    x:Name="popup">
                    <telerik:RadBorder BackgroundColor="Wheat" CornerRadius="8">
                        <Grid
                            HeightRequest="200"
                            Padding="10"
                            WidthRequest="200">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30" />
                                <RowDefinition Height="auto" />
                            </Grid.RowDefinitions>
                            <telerik:RadButton
                                AutomationId="CloseButton"
                                Clicked="ClosePopup"
                                Grid.Row="0"
                                HorizontalOptions="End"
                                Padding="2"
                                Text="Close" />
                            <telerik:RadComboBox AutomationId="staticItemsComboBox" Grid.Row="1">
                                <telerik:RadComboBox.ItemsSource>
                                    <x:Array Type="{x:Type x:String}">
                                        <x:String>USA</x:String>
                                        <x:String>Uganda</x:String>
                                        <x:String>Ukraine</x:String>
                                        <x:String>Canada</x:String>
                                        <x:String>France</x:String>
                                        <x:String>Italy</x:String>
                                        <x:String>United Kingdom</x:String>
                                        <x:String>China</x:String>
                                        <x:String>Japan</x:String>
                                    </x:Array>
                                </telerik:RadComboBox.ItemsSource>
                            </telerik:RadComboBox>
                        </Grid>
                    </telerik:RadBorder>
                </telerik:RadPopup>
            </telerik:RadPopup.Popup>
        </Button>
        private void ClosePopup(object sender, EventArgs e)
        {
            popup.IsOpen = false;
        }
        private void ShowPopup(object sender, EventArgs e)
        {
            popup.IsOpen = true;
        }

 

 

Thanks,

Johnson

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 22 Feb 2024, 12:15 PM

Hi Johnson,

Thank you for sending the snippet and the images.

I've just logged this issue with the ComboBox inside Popup misbehavior in our public feedback portal, you can track its status at the link below:

ComboBox: [WinUI] Dropdown can't be auto closed if ComboBox is nested on modal Popup

I am afraid there isn't a feasible workaround I could suggest. I am sorry for any inconvenience caused.

Regards,
Yana
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.

Tags
ComboBox Popup
Asked by
Johnson
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or