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

CSS issues regarding ion-textarea #5800

Closed
guillenotfound opened this issue Mar 10, 2016 · 8 comments
Closed

CSS issues regarding ion-textarea #5800

guillenotfound opened this issue Mar 10, 2016 · 8 comments
Assignees
Milestone

Comments

@guillenotfound
Copy link
Contributor

Short description of the problem:

We've been experiencing issues with ion-textarea and we're hoping someone can shed some light into the issue. This is our current situation:

We have a view with an ion-textarea element at the bottom of it. It is initially hidden, and the shown once a button is tapped.

When the user focuses into the textarea, the textarea moves to the top of the screen when they keyboard shows up. This is done by adding a padding at the bottom of the element. However, when we tap outside of that textarea, the keyboard hides but the fixed padding stays, thus leaving an empty space at the bottom of the page.

Another issue which might be related is that there is no way to hide the keyboard in iOS, even by tapping outside of the textarea. Is this a bug as well?

Thank you!

What behavior are you expecting?

Remove bottom padding after closing keyboard.
Also be able to close keyboard on iOS when tapping out of the ion-textarea.

Steps to reproduce:
I share with you the related post:
https://forum.ionicframework.com/t/css-issues-regarding-textarea/45919

Also an example of the issue:
http://codepen.io/anon/pen/GZZeov

Which Ionic Version? 1.x or 2.x
2.x

Run ionic info from terminal/cmd prompt: (paste output below)

Your system information:

Cordova CLI: 6.0.0
Ionic Version: 2.0.0-beta.3
Ionic CLI Version: 2.0.0-beta.19
Ionic App Lib Version: 2.0.0-beta.9
ios-deploy version: 1.8.5 
ios-sim version: 5.0.6 
OS: Mac OS X El Capitan
Node Version: v4.3.0
Xcode version: Xcode 7.2.1 Build version 7C1002 
@jgw96
Copy link
Contributor

jgw96 commented Mar 11, 2016

Thanks for the detailed issue we really appreciate it! I would recommend asking about how to add labels on android either on our forum: https://forum.ionicframework.com/ or on our slack channel: http://ionicworldwide.herokuapp.com/.

@jgw96
Copy link
Contributor

jgw96 commented Mar 11, 2016

This may be the same issue as #5810 and #5744 but not sure

@kalcheat
Copy link

I have the same bug on android. Ionic 2.0.0-beta.2. It's very annoying.

@bent0b0x
Copy link

Seeing this on iOS 1.2.4 as well

@EvanWillms
Copy link

Sounds like #5432 getting reported again.

@sathishskc77
Copy link

The keyboard is not hiding even when tapped outside of the text area. Android build is working fine, only iOS has this issue. Is there a fix for this?

@phoenixsachin
Copy link

i cant understand answers here, please give me the proper code how can i solve this problem ,keyboard is up screen and extra space is not going . page height increase when keyboard is open .please give me a proper code and answer.

@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

11 participants