bug: ion-fab hidden under keyboard on Chrome Android but shows on top of keyboard on Firefox Android

[TermoZour]

trafficstars

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

v8.x

Current Behavior

ion-fab is hidden under the keyboard on Chrome Android but is shown on top of keyboard on Firefox Android.

Expected Behavior

Looking at older ion-fab issues, the expected behavior is for the FAB to always be visible even if the keyboard is opened.

Steps to Reproduce

N/A

Code Reproduction URL

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

Ionic Info

[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package.json'
       
       Require stack:
       - /usr/lib/node_modules/@ionic/cli/lib/project/index.js
       - /usr/lib/node_modules/@ionic/cli/lib/index.js
       - /usr/lib/node_modules/@ionic/cli/index.js
       - /usr/lib/node_modules/@ionic/cli/bin/ionic

Ionic:

   Ionic CLI       : 7.2.0 (/usr/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 8.2.5

Capacitor:

   Capacitor CLI      : 6.0.0
   @capacitor/android : 6.0.0
   @capacitor/core    : 6.0.0
   @capacitor/ios     : not installed

Utility:

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

System:

   NodeJS : v20.16.0 (/usr/bin/node)
   npm    : 10.8.1
   OS     : Linux 6.9

Additional Information

Chrome version: 127.0.6533.103 Firefox version: 129.0 Android version: 14 Issue happens in browser as well as PWA install.

Images with the bug

Firefox	Chrome

[dev-charles15531]

What do you mean when you say visible? You want the FAB on the keyboard??

[TermoZour]

On top of the keyboard, as shown in the example image from Firefox