SplitButton is drawed incorrectly when IsEnabled=false by default and then enabled back

[Prochy]

Describe the bug

If I set IsEnabled=false by default for SplitButton, then I enabled it e.g. by binding, the control is rendered wrong until I hover over the control. After the hover over the control, it is drawn correctly. (See attached pictures)

There is workaround but ofc it's not ideal. The workaround is to have IsEnabled = enable at the start and switch false to on loaded event. Then it looks like it works fine.

Steps to reproduce the bug

I attached an app sample but short the steps are following:

1. Create simple xaml with SplitButton control:
   Enable split button

2. Create Enabled property that has "False" value 3. Change the Enabled property to True when the item is rendered. 4. [sample.zip](https://github.com/microsoft/WindowsAppSDK/files/15308750/sample.zip)

Expected behavior

The SplitButton should be rendered in the same way as it is when the SplitButton is enabled by default from the app start.

Screenshots

After start

After enabling the SplitButton

After hovering over the control and put mouse control out of the control rectangle

NuGet package version

Windows App SDK 1.5.3: 1.5.240428000

Packaging type

Unpackaged

Windows version

Windows 10 version 22H2 (19045, 2022 Update)

IDE

Visual Studio 2022-preview

Additional context

No response

[Prochy]

Another workaround is to refresh style on IsEnabledChanged event. I'm using custom split button style in my app and this code works fine as well.

IsEnabledChanged="SplitButton_IsEnabledChanged"
Style="{ThemeResource CustomSplitButtonStyle}"

private void SplitButton_IsEnabledChanged(object sender, DependencyPropertyChangedEventArgs e)
{
var splitButton = sender as SplitButton;
var style = splitButton.Style;
splitButton.Style = null;
splitButton.Style = style;
}

[github-actions]

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. Thank you!

Open similar issues:

• [ToggleSplitButton] Inaccurate color palette for Checked & Disabled state (#9098), similarity score: 0.78

Closed similar issues:

• SplitButton Background color not updating when IsEnabled is false (#6011), similarity score: 0.78
• ToggleSplitButton's "On" state looks wrong while its flyout is open (#4019), similarity score: 0.74
• SplitButton border is different from Button border in dark mode (#6638), similarity score: 0.73
• [ToggleSplitButton] Inconsistent Disabled colors and poor contrast (#6500), similarity score: 0.72

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