bug: primary toolbar inside header with collapse fade

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

IonToolbar with color primary not showing inside of IonHeader defined with collapse of type fade

Expected Behavior

IonToolbar should be showing inside of IonHeader no matter of his properties

Steps to Reproduce

import '@ionic/core/css/core.css'
import { IonApp, IonContent, IonHeader, IonToolbar, setupIonicReact } from '@ionic/react'
import { createRoot } from 'react-dom'

setupIonicReact()

createRoot(document.getElementById('root')).render(<IonApp>
  <IonHeader collapse="fade">
    <IonToolbar color="primary">my title</IonToolbar>
  </IonHeader>
  <IonContent>
    Hello World
  </IonContent>
</IonApp>)

Code Reproduction URL

No response

Ionic Info

No response

Additional Information

No response

[sean-perkins]

Hello Nathan, if you have time it’d be extremely helpful to have a live code reproduction to test with and verify against. Thanks!

[ionitron-bot[bot]]

Thanks for the issue! This issue is being closed due to the lack of a reply. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!