Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ion-input placeholder text jumpy/bounces #15895

Closed
ShannonSimpson opened this issue Oct 8, 2018 · 4 comments · Fixed by #16206
Closed

ion-input placeholder text jumpy/bounces #15895

ShannonSimpson opened this issue Oct 8, 2018 · 4 comments · Fixed by #16206
Assignees

Comments

@ShannonSimpson
Copy link

ShannonSimpson commented Oct 8, 2018

Bug Report

Ionic Info
Runing ionic info from a terminal/cmd prompt outputs:

cli packages: (/home/docker-ima/.config/yarn/global/node_modules)

    @ionic/cli-plugin-proxy : 1.5.8
    @ionic/cli-utils        : 1.19.2
    ionic (Ionic CLI)       : 3.20.0

global packages:

    cordova (Cordova CLI) : 8.0.0

local packages:

    @ionic/app-scripts : 3.1.9
    Cordova Platforms  : android 7.0.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v8.12.0
    npm               : 6.4.1
    OS                : Linux 4.9

Environment Variables:

    ANDROID_HOME     : /home/docker-ima/androidsdk
    HTTP_PROXY       : <work proxy>
    http_proxy       : <work proxy>
    HTTPS_PROXY      : <work proxy>
    https_proxy      : <work proxy>
    IONIC_HTTP_PROXY : not set
    PROXY            : not set
    proxy            : not set

Misc:

    backend : pro

Describe the Bug
The bug deals with the placement text in the ion-input component. The placement text jumps when tapped on either device or emulator.

Steps to Reproduce
Steps to reproduce the behavior:
ionic start InputScrollJank blank
cd InputScrollJank
Edit ./src/pages/home/home.html to include an ion-input.
example:
<ion-item no-padding no-line> <ion-label stacked>IDENTIFICATION NUMBER</ion-label> <ion-input formControlName="vinInputFormControl" placeholder="Enter VIN" clearInput> </ion-input> </ion-item>
ionic run ios --device
tap on the ion-input. This must be done on a device or emulator.
Your placeholder text will flicker/jump.

Related Code
Related code may come later if needed.

Expected Behavior
It would be expected that the placeholder would be visually smooth as in the browser.

Additional Context
I have viewed Issue #10272 as well as Issue #10257 (IOS setFocus on input make screen jump). Both of which have been closed, but neither match this issue. #10272 matches closely, but the issues are slightly different.

Also, I've uploaded a screen recording of the problem here

@ionitron-bot ionitron-bot bot added triage and removed triage labels Oct 8, 2018
@brandyscarney
Copy link
Member

Thanks for the issue! Going to close this as a duplicate of #15888.

@ShannonSimpson
Copy link
Author

I see #15888 and it is not the same issue. Please note that the issue I am explaining is the jumping action of the placeholder text due to the keyboard popping up.

@brandyscarney brandyscarney reopened this Oct 10, 2018
@EdwinRikkers
Copy link

+1

@ionitron-bot
Copy link

ionitron-bot bot commented Dec 3, 2018

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.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Dec 3, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants