Skip to content

fix: iOS fade header color missmatch#31252

Open
Austin-Spriggs wants to merge 3 commits into
ionic-team:mainfrom
Austin-Spriggs:bug/iOS-style-fade-header-color-missmatch
Open

fix: iOS fade header color missmatch#31252
Austin-Spriggs wants to merge 3 commits into
ionic-team:mainfrom
Austin-Spriggs:bug/iOS-style-fade-header-color-missmatch

Conversation

@Austin-Spriggs

@Austin-Spriggs Austin-Spriggs commented Jun 29, 2026

Copy link
Copy Markdown

Issue number: resolves #30939


What is the current behavior?

When opening a modal that contains both a fade header and a content element with a color attribute, the fade header will appear without any background, showing a white/black gap that doesn't match the content color when at the top of the page.

What is the new behavior?

I added logic to recalculate the ion-content dimensions after the header has finished rendering. This ensures the content size is correct and fills the background gap behind the fade header.

Does this introduce a breaking change?

  • Yes
  • No

Other information

@Austin-Spriggs Austin-Spriggs requested a review from a team as a code owner June 29, 2026 12:21
@Austin-Spriggs Austin-Spriggs requested a review from thetaPC June 29, 2026 12:21
@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

@Austin-Spriggs is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added the package: core @ionic/core package label Jun 29, 2026
@Austin-Spriggs Austin-Spriggs changed the title Bug/i os style fade header color missmatch fix: iOS fade header color missmatch Jun 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug: iOS style fade header color missmatch

1 participant