DropDownBackground color initially renders with Primary color then after selection opens again with correct color

Hello

I have a problem with the behaviour of SfCombobox DropDownBackground color on .Net MAUI (v10) Android device whereby the color initially is the same as a StaticResource color called "Primary" however the style is set to AppTHemeBinding=LightBackground which is a white color. No matter what I set the  SfCombobox DropDownBackground color to and no matter how I set it eg set directly on the control or via a style it never takes up the color. Its always initially Primary when page appears. When user taps on SfCombobox it displays incorrectly but then if user selects an item then opens the DropDown again the background color is now the expected  LightBackground which is a white.

I have created a new basic MAUI project with the same xaml and this problem does not occur.

Can anyone suggest things for me to investigate?


Here is the xaml;

<syncfusion:SfTextInputLayout

Grid.Row="4"

Margin="0,0,0,30"

HeightRequest="91"

x:Name="NameField"

Hint="Name"

HelperText="Enter your name"

ContainerType="Outlined"

LeadingViewPosition="Outside">

    <inputs:SfComboBox

Margin="0,0,0,70"

IsEditable="false"

IsClearButtonVisible="true"

ItemsSource="{Binding UserList}"

DisplayMemberPath="Name"

        TextMemberPath="Name"

Placeholder="Select ..."

SelectedItem="{Binding SelectedUser}"

Style="{StaticResource sfComboboxStyle}">

    </inputs:SfComboBox>

    <syncfusion:SfTextInputLayout.LeadingView>

        <Label

            x:DataType="{x:Null}"

Text="{x:Static fontawesome:FontAwesomeSolid.Building}"

Style="{StaticResource FALeadingInputStyle}"

VerticalTextAlignment="End"

TextColor="{Binding Path=CurrentActiveColor, Source={x:Reference Name=NameField}}"/>

    </syncfusion:SfTextInputLayout.LeadingView>

</syncfusion:SfTextInputLayout>


and the style;

<Style x:Key="sfComboboxStyle" TargetType="inputs:SfComboBox">

<Setter Property="FontSize" Value="20"/>

<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource DarkBackground}, Dark={StaticResource LightBackground}}"/>

<Setter Property="DropDownStroke" Value="{StaticResource Primary}"/>

    <Setter Property="DropDownBackground" Value="{AppThemeBinding Light={StaticResource LightBackground}, Dark={StaticResource DarkBackground}}"/>

    <Setter Property="DropDownStrokeThickness" Value="2"/>

</Style>


3 Replies 1 reply marked as answer

VM Vidyalakshmi Mani Syncfusion Team October 1, 2025 03:07 PM UTC

Hi Thomson,


Thank you for reaching out to us. We have tested the SfComboBox control using the code snippets you provided in .NET 10, and it is working correctly on our side. The drop-down background color is applied as expected initially.


For your convenience, we’ve attached the tested sample along with a short video showing the result. Could you try running our sample on your side and see if the issue appears there?


If it works fine on your end, please either:


* Modify our sample so the problem can be reproduced and send it back to us, or

* Share your own sample project where the issue occurs.


This will help us analyze the scenario more accurately and provide you with a suitable solution.


Regards,

Vidyalakshmi M.



Attachment: SampleAndOutputVideo_be8c1bbe.zip


UN Unknown October 5, 2025 09:23 PM UTC

this problem was fixed when i applied the following Style to the  SfTextInputLayout which previously did not have a Style set.


<Style x:Key="sfOutlinedInput" TargetType="syncfusion:SfTextInputLayout">

<Setter Property="InputViewPadding" Value="20"/>

<Setter Property="ContainerType" Value="Outlined"/>

<Setter Property="UnfocusedStrokeThickness" Value="2"/>

    <Setter Property="FocusedStrokeThickness" Value="2"/>

    <Setter Property="IsHintAlwaysFloated" Value="false"/>

<Setter Property="Stroke" Value="{StaticResource Primary}"/>

<Setter Property="syncfusion:SfTextInputLayout.HintLabelStyle">

<Setter.Value>

<syncfusion:LabelStyle

FontSize="20"

TextColor ="{AppThemeBinding Light={StaticResource DarkBackground}, Dark={StaticResource LightBackground}}" />

</Setter.Value>

</Setter>

</Style>


Marked as answer

PR Preethi Rajakandham Syncfusion Team October 7, 2025 04:33 AM UTC

Hi Thomson,

We are glad to know that the problem has been fixed. Please let us know if you require any further assistance on this. We will be happy to assist you.

Regards,

Preethi R


Loader.
Up arrow icon