Reduce the space between the text and the X button.

Hi Team,

Currently, the popup for the RadComboBox doesn't allow you to make it wider than the ComboBox's width (even if you set ItemTemplate to be wider).

The only available properties for styling the "dropdown/popup' are listed here https://docs.telerik.com/devtools/maui/controls/combobox/styling, which happens to include DropDownHeight, but not Width.

This feature request asks you to allow us to set this DropDownWidth via Style, Property, ControlTemplate, or whatever best fit the control architecture.

Thank you,

Matthew

The width of RadEntry, RadMaskedEntry, and RadComboBox are the same on windows, android and ios. On mac there is difference when the width of the defined Column is set to * in grid: 

MacCatalyst:

Windows:

Whenever the combobox doesn't have enough space to be displayed on the screen, the footer gets pushed to the bottom and off the dropdown popup.

This was tested on Telerik 3.0 but I also tested it on 3.1, 3.2, 3.2.1, and 4.0 with the same results. 

I want to reset the scroll position because in our implementation, we have filter buttons that when clicked, fetch a new list from our web API. 

It appears that the scroll position is being saved when a new list is assigned while the ComboBox is not focused.

When setting SelectedItem and using static data for the ItemsSource, Layout cycle detected. Layout could not complete exception is thrown
Setup:

<telerik:RadComboBox x:Name="ComboBox" 
                                 SelectedItem="{Binding SelectedItem, Mode=TwoWay}">
                <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>

Telerik RadComboBox for MAUI looses focus and triggers unfocus event after selecting an item from the dropdown. This behavior works fine on first time page loading. But if we navigate to some other page and then navigate back to the first page then, upon selecting any item from combobox it closes the dropdown but does not loose the focus and hence does not trigger unfocus event.

We are using the unfocus event with event to command behaviour and ultimately triggering a command in viewmodel. This works fine the first time but after navigation it does not work.

RadComboBox for .NET MAUI has search feature, however it does not filters the items matching the text, instead it only scrolls to the matching item. We can manually filter the items in the item source but it would be nice to have such filtering built in.

Also we need to highlight the first item that matches the search string. Currently it doesn't seem to be possible. One way could be to select the first item manually which may change the background of the item and give a feel of highlight but that causes problem with selected item because we also need to subscribe to selected item change and do some other processing based on that. If we select item as filter happens then it would trigger selection change multiple times needlessly.

Also it seems that currently RadComboBox dropdown does not have support for keyboard navigation. We need to be able to navigate between items with keyboard up/down arrows so that user can navigate to different items and then press enter to select the highlighted item. This feature might not make sense on mobile but it is needed for desktop platforms.

Let me know if there is already a way to achieve the above behavior.

It appears that by the amount of problems that I have encountered so far that Telerik UI for .NET MAUI has not been tested at all on IOS.

Your own ControlSamples do not run for IOS.

Anyway..

Next problem.

IOS Specific only.

           <telerik:RadComboBox ItemsSource="{Binding Items}"
                                     Placeholder="Select Status"
                                     IsDropDownClosedOnSelection="True"/>

note that to use the Telerik Custom Controls it is necessary to either add an x:name to each control, or dummy instantiate each one.

This can be done in MauiProgram.cs.

Add line

  _ = new RadComboBox();

A runtime error occurs when using telerik:RadComboBox and the application will abort.

It would be nice to have the ability to select different item in the dropdown by keyboard up/down arrows.

In RadComboBox, when entering text to filter the items in dropdown, it would be nice to have the first item selected by default that matches the filter and also have the ability to select different item by keyboard up/down arrows.

This feature probably does not make sense on mobile platforms, but it would be great on desktop platforms.