Switch control not shows thumb color properly in the Windows when initially its state is off.

dotnet / maui

.NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.

MIT License

22.06k stars 1.73k forks source link

Description

I have used the Switch control in my page like this:

 <HorizontalStackLayout Margin="{OnPlatform Android='0,15,0,0', iOS='0,25,0,20'}" Spacing="20">
    <Switch
        HorizontalOptions="Start"
        IsToggled="{Binding CorrectOnSite}"
        OnColor="{StaticResource MidGray}"
        ThumbColor="{StaticResource WhiteSmoke}" />
    <Label
        Style="{StaticResource DisplayFieldFieldTextStyle}"
        Text="Corrected onsite"
        VerticalOptions="Center"
        VerticalTextAlignment="Center" />
</HorizontalStackLayout>

When I run the app in the Windows device, it shows output like this:

https://github.com/user-attachments/assets/70b011a0-36bc-434a-8c78-4ea95cacaf1d

As you can see in the recording it does not show ThumbColor at all when its off initially, if I toggle the switch from off to on and vice versa than only it shows ThumbColor.

Steps to Reproduce

Add a Switch control and set IsToggled to False initially.
Set OnColor and ThumbColor values.
Run the app in Windows.
Notice the Switch control appearance.

Link to public reproduction project repository

https://github.com/divyesh008/Editor_bug/blob/main/poc_maui/Views/MainPage.xaml

Version with bug

8.0.40 SR5

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms, No, this is something new

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Windows SDK 10.0.17134.0

Did you find any workaround?

Relevant log output

No response

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

ThumbColor and OnColor property is not applied for switch (#20278), similarity score: 0.86
[Switch] Switch Toggle: OnColor Not set correctly and ThumbColor Not Reset When Toggled Off (#19883), similarity score: 0.84
Switch on Android has wrong initial color (#18506), similarity score: 0.82
Switch control ignores OnColor and ThumbColor (#19380), similarity score: 0.81

Closed similar issues:

Toggle button OnColor for Off state not working in iOS, also VisualStateManager is also not working. (#10099), similarity score: 0.85

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

dotnet / maui