New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

bug: Modal with presentingElement and condensed page header animation is broken #30108

Open

3 tasks done

da1z opened this issue Jan 2, 2025 · 0 comments

Open

3 tasks done

bug: Modal with presentingElement and condensed page header animation is broken #30108

da1z opened this issue Jan 2, 2025 · 0 comments

Labels

triage

da1z commented Jan 2, 2025

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

v8.x

Current Behavior

Screen.Recording.2025-01-02.at.4.07.10.PM.mov

Expected Behavior

background of header looks better

Steps to Reproduce

combine two examples https://ionicframework.com/docs/api/modal#setting-a-boolean-value and https://ionicframework.com/docs/api/header#condensed-header will result in header not displaying correctly when modal is open

Code Reproduction URL

https://stackblitz.com/edit/zkoleruq?file=src%2Fmain.tsx

Ionic Info

Ionic:

Ionic CLI : 5.4.16

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v18.20.3
npm : 10.2.3
OS : Linux 5.0

Additional Information

No response

ionitron-bot bot added the triage label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment