ionic-framework: 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