Ion Toolbar color isn't rendered correctly in safari if there are multiple toolbars in one header

[corysmc]

Bug Report

Ionic Info

@ionic/[email protected]

Describe the Bug
If a header contains more than one ion-toolbar, the ion-toolbar background color isn't rendered correctly.

Steps to Reproduce
Steps to reproduce the behavior:

1. View this: https://codepen.io/corysmc/full/EpzJVR/
2. In Chrome the colors are correct
3. In Safari the background colors are all light, button/text colors are correct.

Related Code

https://codepen.io/corysmc/full/EpzJVR/

Expected Behavior
color is consistent across browsers.

Additional Context
We have several screens where I might want a few toolbars in the header, the primary toolbar is dark, where the search toolbar is light.

Also note, this is broken in beta.0, beta.1, beta.2, and works in alpha.11.

[brandyscarney]

Thank you for the issue! We'll look into this.

[brandyscarney]

Will be fixed in the beta.4 release. 🙂

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. 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.