I would like to draw attention to this at an early stage.
When using MAUI Nightly 8.0.20-nightly.10376, the app crashes immediately upon startup if you set Telerik Popup Settings in the MAUI Styles
See min repro example https://github.com/baaaaif/MauiNightlyCrash
<MauiVersion>8.0.20-nightly.10376</MauiVersion>
<Style TargetType="telerik:RadTimePicker">
<Setter Property="PopupSettings">
<Setter.Value>
<telerik:PickerPopupSettings IsHeaderVisible="False" />
</Setter.Value>
</Setter>
</Style>
From the inner Exception...:
Name | Value | Type | |
---|---|---|---|
◢ | InnerException | {"Object reference not set to an instance of an object."} | System.Exception {System.NullReferenceException} |
at Microsoft.Maui.Controls.AppThemeBinding.AppThemeProxy..ctor(Element parent, AppThemeBinding binding) at Microsoft.Maui.Controls.AppThemeBinding.Apply(Object context, BindableObject bindObj, BindableProperty targetProperty, Boolean fromBindingContextChanged, SetterSpecificity specificity) at Microsoft.Maui.Controls.BindableObject.SetBinding(BindableProperty targetProperty, BindingBase binding, SetterSpecificity specificity) at Microsoft.Maui.Controls.BindableObject.SetBinding(BindableProperty targetProperty, BindingBase binding) at Microsoft.Maui.Controls.BindableObjectExtensions.SetAppTheme[T](BindableObject self, BindableProperty targetProperty, T light, T dark) at Microsoft.Maui.Controls.BindableObjectExtensions.SetAppThemeColor(BindableObject self, BindableProperty targetProperty, Color light, Color dark) at Telerik.Maui.Controls.PickerPopupSettings.OnPopupOutsideBackgroundColorPropertyChanged(Color color) at Telerik.Maui.Controls.PickerPopupSettings..ctor() at System.RuntimeType.CreateInstanceDefaultCtor(Boolean publicOnly, Boolean wrapExceptions)
When the VerticalItemSpacing is greater than 1 and an ItemStyle with a Border is defined the background of the item is overlapping the border.
<telerik:RadListView Grid.Column="0" ItemsSource="{Binding Source}">
<telerik:RadListView.LayoutDefinition>
<telerik:ListViewLinearLayout Orientation="Vertical" VerticalItemSpacing="4" />
</telerik:RadListView.LayoutDefinition>
<telerik:RadListView.ItemStyle>
<telerik:ListViewItemStyle
BackgroundColor="Green"
BorderColor="LightGreen"
BorderLocation="All"
BorderWidth="1" />
</telerik:RadListView.ItemStyle>
<telerik:RadListView.SelectedItemStyle>
<telerik:ListViewItemStyle
BackgroundColor="Orange"
BorderColor="OrangeRed"
BorderLocation="All"
BorderWidth="1" />
</telerik:RadListView.SelectedItemStyle>
<telerik:RadListView.PressedItemStyle>
<telerik:ListViewItemStyle
BackgroundColor="Orange"
BorderColor="OrangeRed"
BorderLocation="All"
BorderWidth="1" />
</telerik:RadListView.PressedItemStyle>
<telerik:RadListView.ItemTemplate>
<DataTemplate x:DataType="local:SourceItem">
<telerik:ListViewTemplateCell>
<telerik:ListViewTemplateCell.View>
<Grid>
<Label Margin="10" Text="{Binding Name}" />
</Grid>
</telerik:ListViewTemplateCell.View>
</telerik:ListViewTemplateCell>
</DataTemplate>
</telerik:RadListView.ItemTemplate>
</telerik:RadListView>
Currently the Visual Studio extension for Telerik UI for .NET MAUI does not provide project upgrade functionality. However, there is a notification in Visual Studio that exposes such a functionality to the user which is not ready to be used.
When selecting MonthView from the 3-dot menu on the Scheduler component, the app hangs on iOS.
To workaround the issue add the following to the Page where the Scheduler resides:
xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" ios:Page.UseSafeArea="True"
When binding StringFormat to a NumericInput and the Format is set (or changed) after the value is set, the value is not displayed in the correct format. Only if you click inside the NumericInput and then leave it, the value is displayed with the correct format. But that’s not working for a read-only NumericInput.
When we set a corner radius for the header the background is overlapping the border so header will not have rounded corners.
<Style TargetType="telerik:AccordionItemHeader">
<Setter Property="BackgroundColor" Value="Blue" />
<Setter Property="BorderColor" Value="Red" />
<Setter Property="BorderThickness" Value="2" />
<Setter Property="CornerRadius" Value="8" />
</Style>
</telerik:AccordionItem.Resources>
When adding for examples, ComboBox/AutoComplete, Pickers inside RadPopup and open the pickers/combo dropdown. Then close the RadPopup, the popup of the pickers/combo/autocomplete stays open. The behavior occurs on iOS, MacCatalyst and WinUI. On Android exception is thrown.
If the AutoComplete is nested inside a modal Popup and Unfocus() is called on SuggestionItemSelected or Completed, the cursor/focus stays within the AutoComplete.
The same does not happen (the AutoComplete is properly unfocused) when the control is placed in MainPage.
I have a RadbusyIndicator with the following setup:
<telerik:RadBusyIndicator Grid.Row="0" Grid.RowSpan="2" x:Name="BusyIndicator" BackgroundColor="Red"
VerticalOptions="Center"
AnimationContentHeightRequest="100"
AnimationContentWidthRequest="100"
AnimationContentColor="#5A4A7B"
AnimationType="Animation8"
HeightRequest="100" />
On iOS and Mac I cannot interact with the content behind the busy indicator even isbusy is false. On Android and WinUI works as expected.
The interaction works on iOS and Mac when InputTransparent is set to True or setting HorizontalOptions = Center
I tested Android and iOS only. Other platforms i cannot test at the moment.
Given the following implementation of the Combobox i observ different behaviour if the bound item is a enum or a class.
<telerik:RadComboBox x:Name="a"
ItemsSource="{Binding CloudProviders}"
SelectedItem="{Binding SelectedCloudProvider}"
IsClearButtonVisible="False">
<telerik:RadComboBox.ItemTemplate>
<DataTemplate>
<Grid HeightRequest="40"
Padding="10">
<Label Text="{Binding Title}"
TextColor="{DynamicResource DisabledTextColor}"
FontSize="14" />
</Grid>
</DataTemplate>
</telerik:RadComboBox.ItemTemplate>
<telerik:RadComboBox.SelectedItemTemplate>
<DataTemplate>
<Grid HeightRequest="40"
Padding="10">
<Label Text="{Binding Title}"
TextColor="{DynamicResource DisabledTextColor}"
FontSize="14" />
</Grid>
</DataTemplate>
</telerik:RadComboBox.SelectedItemTemplate>
</telerik:RadComboBox>
If the Itemssource is a Array of a enum type it works as intended.
If the Itemssource is a Array of classes the initial selected display member is not visible. The moment i tap into the closed combobox, the selected member is visible.
The attached screenshots show the page after loading and after touching into the white area(combobox) once.
For Localization and more details, we want to use classes. Is this a bug or do we have a issue in our code here?