bug: Tabs-bar flickers when opening keyboard

[matbravob]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

When i press in a searchbar the tabs-bar ficklers for a brief moment on top of the keyboard. It occurs everytime. Im working with Ionic/Angular.

Hope someone can help me :)

Expected Behavior

No flicker - tabs-bar hidden when keyboard opens

Steps to Reproduce

create a new ionic app from tab template add an ion-input on tab2 run in android simulator click in/out input to open keyboard (multiple times)

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 7.1.1 (C:\Users\Mateo Bravo\AppData\Roaming\nvm\v18.16.0\node_modules\@ionic\cli) Ionic Framework : @ionic/angular 7.1.3 @angular-devkit/build-angular : 16.0.1 @angular-devkit/schematics : 16.0.1 @angular/cli : 16.0.1 @ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 5.0.3 @capacitor/android : 5.0.3 @capacitor/core : 5.0.3 @capacitor/ios : 5.0.3

Utility:

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

System:

NodeJS : v18.16.0 (C:\Program Files\nodejs\node.exe) npm : 9.5.1 OS : Windows 10

Additional Information

My problem is the same as the issue #20262 but i can resolve it with the resolution given

[ionitron-bot[bot]]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[matbravob]

[matbravob]

<ion-searchbar [placeholder]="this.appService.CoreCommonLiterals.FindDevice" type="text" enterKeyHint="search" [(ngModel)]="deviceToSearch" (keyup)="searchAddress()"> <ion-button class="squarebutton icon" (click)="openAddressFilters()">

</ion-button>

<app-list [deviceList]="addressList"></app-list>

[averyjohnston]

Could you create a minimal Github repo showing the issue and post a link to that? Having a runnable sample will enable us to both troubleshoot the issue and ensure the fix works down the road. Make sure it only contains the code necessary to reproduce the issue.

[matbravob]

It was my fault, i was adding 'android:windowSoftInputMode="adjustPan"' in the wrong place, thank you for the rapid response!

[liamdebeasi]

Glad the issue is resolved! I am going to close this.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.