Skip to content

Focusing ion-textarea inside ionslides #13573

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

Closed
lordsteggu opened this issue Dec 4, 2017 · 4 comments
Closed

Focusing ion-textarea inside ionslides #13573

lordsteggu opened this issue Dec 4, 2017 · 4 comments

Comments

@lordsteggu
Copy link

lordsteggu commented Dec 4, 2017

Ionic version: (check one with "x")
(For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1)
[ ] 2.x
[x] 3.x
[ ] 4.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request

Current behavior:
I have a form setup inside the ion-slides component, when deploying to android (OnePlus3T Oreo) and selecting the ion-textarea from within the form, the keyboard pops up, but it also pushes the entire content out of view.

If I take the form outside of the ion-slides, and then select the notes field, the content is selected as expected

Expected behavior:
Having a form inside an ion-slide should behave the same as outside when it comes to display the keyboard

Steps to reproduce:
Deploy the attached demo project to an android device
Click on the notes field
keyboard will push entire content out of view

comment out the slides wrapping around the form
update formgroup to currentObservation.FormGroup from observation.FormGroup
deploy to android
click notes field
notice the content is not thrown out of view

Here is the link to the git repo https://github.com/lordsteggu/KeyboardDemo, if it is something I am doing wrong then just let me know.

Cheers

:)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.4
    Cordova Platforms  : android 6.3.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Node : v8.4.0
    npm  : 5.3.0
    OS   : Windows 10

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro
@comfortme
Copy link

this an old unsolved issue #9553

@lordsteggu
Copy link
Author

Hi,

Thank you for directing me to this.
To get around it at the moment I have just overridden the ion-slides css with position absolute and the desired top left and right settings, this is not ideal by any means.

Fortunately I am using it in a modal which means the absolute positioning is not much of an issue.

I guess it's just a case of wait until one of the team can fix the issue.

Cheers

@mlynch
Copy link
Contributor

mlynch commented Jan 5, 2018

Closing as duplicate of #9553

@mlynch mlynch closed this as completed Jan 5, 2018
@ionitron-bot
Copy link

ionitron-bot bot commented Sep 1, 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 Sep 1, 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

No branches or pull requests

3 participants