ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.01k stars 13.51k forks source link

bug: #27039

Closed SossenSystems closed 1 year ago

SossenSystems commented 1 year ago

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

I have two inputs under each other, when I switch between the default input and the password input on ios (also only tested on ios), I have the problem with the keyboard, because I have a "save" button that is always at the bottom and when the keyboard is opened, it automatically adjusts so that the button is always visible. Now the real problem is that something is wrong with the keyboard, because as soon as I click into another input, the button is on the actual floor instead of above the keyboard, as far as I could see, it's somehow because the hide event is triggered, even though a new keyboard opens

Expected Behavior

The button should always be on the floor, unless the keyboard is up, in which case it should be above the keyboard.

Steps to Reproduce

1.) Create two inputs. 2.) Create a button

FixedButton.vue:

.button-keyboard { @apply absolute left-0 bottom-0 right-0 mb-4 px-8 w-full; transition: all .2s ease; }

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.20.9 (/Users/boss/.nvm/versions/node/v18.15.0/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/vue 6.6.1

Capacitor:

Capacitor CLI : 4.7.0 @capacitor/android : 4.7.0 @capacitor/core : 4.7.1 @capacitor/ios : 4.7.0

Utility:

cordova-res : 0.15.4 native-run : 1.7.2

System:

NodeJS : v18.15.0 (/Users/boss/.nvm/versions/node/v18.15.0/bin/node) npm : 9.5.0 OS : macOS Unknown

Additional Information

No response

ionitron-bot[bot] commented 1 year ago

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.

averyjohnston commented 1 year ago

This issue is being closed due to lack of a reproduction. If this is still a problem in the latest version of Ionic, please open a new issue and ensure the template is fully filled out. Thank you!