Description
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
ion-footer element remains visible on screen after a sheet modal has been dismissed
This issue appears to only occur on mobile screen sizes.
Expected Behavior
ion-footer element should disappear completely when the sheet modal is dismissed
Steps to Reproduce
- Open App in DevTools as mobile device. (screenshot)
- Open a sheet modal
- Scroll down within the modal with slight overscroll
- Dismiss the modal
- Observe that the ion-footer remains rendered on screen despite the modal being dismissed
Code Reproduction URL
https://stackblitz.com/edit/xj8qeuyy?file=src%2Fapp%2Fexample.component.html
Ionic Info
Ionic:
Ionic CLI : 7.2.1 (/usr/local/share/nvm/versions/node/v22.16.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.6.0
@angular-devkit/build-angular : 19.2.14
@angular-devkit/schematics : 19.2.14
@angular/cli : 19.2.14
@ionic/angular-toolkit : 12.2.0
Capacitor:
Capacitor CLI : 7.3.0
@capacitor/android : not installed
@capacitor/core : 7.3.0
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v22.16.0 (/usr/local/share/nvm/versions/node/v22.16.0/bin/node)
npm : 10.9.2
OS : Linux 5.15
Additional Information
- Related to issue: fix(sheet): move sheet footers instead of cloning while dragging #30433
- @ShaneK Could you please take a look at this issue?