[Issue]: Buttons on Pages Shown with ShowCoverSheet Don't Initially Render Custom CSS Styles on iOS

[briankalwat]

Describe the Issue in Detail

When a page is loaded using ShowCoverSheet - any buttons on that page do not initially render styles specified in the app's "CSS Styles" field. However, if you pull to refresh the page in the cover sheet, the styles are then applied to the buttons when the page refreshes.

Can reproduce in

• Orange App
• Blue App

Steps to Reproduce

1. Go to the "Styles" tab of any Application (this may be Maui/Shell v6 specific)
2. Add custom style definitions that apply to a button on the page
3. Create a link within the app to load a page with buttons on it using ShowCoverSheet
4. Click the link, see the custom btn styles you defined in step 1 are not visible
5. Pull to refresh within the Cover Sheet, see the custom styles have now been applied

Expected Behavior

Custom styles should be applied on pages using ShowCoverSheet in the same way they are for PushPage and any other navigation commands.

Actual Behavior

Custom styles are not initially applied to pages when they are displayed within a cover sheet.

Screenshots or Videos

Notice when the profile page is opened, initially the buttons for "App Settings" and "Sign Out" have the default (thinner) font, but pulling to refresh then applies the styles (bolder font) from our App CSS Styles.

RPReplay_Final1713896565.mov

Reproduction XAML

No response

Mobile Shell Version

6.0.0.0

Last Known Working Version

No response

iOS Device Type(s) and iOS Version(s)

17.4.1

Android Device Type(s) and Android Version(s)

n/a