Skip to content

bug: ion-footer remains visible after sheet modal dismissal #30468

Closed
@matejdurajka

Description

@matejdurajka

Prerequisites

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.

Image

Expected Behavior

ion-footer element should disappear completely when the sheet modal is dismissed

Steps to Reproduce

  1. Open App in DevTools as mobile device. (screenshot)
  2. Open a sheet modal
  3. Scroll down within the modal with slight overscroll
  4. Dismiss the modal
  5. 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

Metadata

Metadata

Assignees

Labels

type: buga confirmed bug report

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions