Hi everyone,
I created a fresh demo app using Ionic and noticed an issue with ion-header.
When I tab an input field and the Android keyboard opens, dragging the ion-header makes it become scrollable, even though it should remain fixed.
In addition, if there are multiple input fields on the page, scrolling through the inputs while the keyboard is open can cause the ion-header to be pushed completely off the screen.
Dependencies
"@angular/animations": "^20.0.0",
"@angular/common": "^20.0.0",
"@angular/compiler": "^20.0.0",
"@angular/core": "^20.0.0",
"@angular/forms": "^20.0.0",
"@angular/platform-browser": "^20.0.0",
"@angular/platform-browser-dynamic": "^20.0.0",
"@angular/router": "^20.0.0",
"@capacitor/android": "^8.1.0",
"@capacitor/app": "8.0.1",
"@capacitor/core": "8.1.0",
"@capacitor/haptics": "8.0.1",
"@capacitor/ios": "^8.1.0",
"@capacitor/keyboard": "8.0.1",
"@ionic/angular": "^8.0.0",
"ionicons": "^7.0.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.15.0"
Device
·android 15
·android 16
·android 17
（SDK 36）
Is this expected behavior, or is it a known issue? Has anyone encountered the same problem?
Thanks!
