bug: large title + refresher problems

Prequisites

• 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

Cheers 😊

I’m currently experiencing some problems in combination of ios large title and ion refresher (repo attached):

1. I have color="primary" defined on both Toolbars, but the Screen looks like:

2. Refresher is show to late, as the Content’s background-content seems to overlap it

If i remove the top style on the IonContent’s background-content it looks better (see expected behavior) - i guess this is not a solution 😃 but maybe helps to understand the problem

1. The last problem is visible in the video in Expected behavior 2.. I would think that the background of the ion refresher is the same like the content 's one. Even if i set color="primary" on the refresher or it’s content it does not work 100% if i pull down too far

Expected Behavior

1. The full Header (so both Toolbars) should have the Color
2. With both Problems 1 + 2 fixed this should look like:
3. The refresher should fit to the content’s background color

Steps to Reproduce

See Repo:

• ionic serve

Code Reproduction URL

https://github.com/EinfachHans/large-header-refresher

Ionic Info

No response

Additional Information

No response

[liamdebeasi]

Yeah the way theming works with the native refresher on iOS is a bit odd, but in the native apps it looks like the entire toolbar hides with opacity instead of just hiding the title.

[ionitron-bot[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.