You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the Bug
When tapping on an ion-input the view is scroll assisted to the very top of the screen, resulting in the input being located behind the ion-header and it fixes the in behind the ion-header.
A video demo of the bug in an app we're working on: https://youtu.be/BCSvphDrEzo
Steps to Reproduce
Steps to reproduce the behavior:
Create a standard page, using an ion-header and ion-content.
Create a number of ion-inputs, enough that they cover 75% of the screen.
Run the app on an iOS device with smaller screen size (i.e. iPhone 5s)
Click/focus on an input
Watch the keyboard appear
See that in some cases the input that is focused on appears behind the ion header when the keyboard appears
Expected Behavior
I would expect the scroll assist when the keyboard appears to fix the input inside the viewport with a bit of margin/padding from the top, or at least not behind the header.
Additional Context
It would seem that from playing around with different amounts of content on the screen: if there is enough content for the keyboard to want to "push up" then the bug occurs.
The text was updated successfully, but these errors were encountered:
philliphartin
changed the title
Ionic v4 - ion-input focus on iOS pushes input behind ion-header when keyboard presented
[4.0.0.-beta.13] ion-input focus on iOS pushes input behind ion-header when keyboard presented
Oct 25, 2018
philliphartin
changed the title
[4.0.0.-beta.13] ion-input focus on iOS pushes input behind ion-header when keyboard presented
[v4] ion-input focus on iOS pushes input behind ion-header when keyboard presented
Oct 25, 2018
Thanks for the issue! This issue is being closed due to the lack of a reply. 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.
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.
Bug Report
Ionic Info
Run
ionic info
from a terminal/cmd prompt and paste the output below.Describe the Bug
When tapping on an ion-input the view is scroll assisted to the very top of the screen, resulting in the input being located behind the ion-header and it fixes the in behind the ion-header.
A video demo of the bug in an app we're working on: https://youtu.be/BCSvphDrEzo
Steps to Reproduce
Steps to reproduce the behavior:
Related Code
I've added a gist of the markup to test: https://gist.github.com/pjhartin/06ac14785e12ea109f1183c69e57e2e5
Expected Behavior
I would expect the scroll assist when the keyboard appears to fix the input inside the viewport with a bit of margin/padding from the top, or at least not behind the header.
Additional Context
It would seem that from playing around with different amounts of content on the screen: if there is enough content for the keyboard to want to "push up" then the bug occurs.
The text was updated successfully, but these errors were encountered: