-
Notifications
You must be signed in to change notification settings - Fork 13.5k
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
issue(forms): Input, scrolling, keyboard issues for forms #6228
Comments
@dylanvdmerwe This is great, thanks for putting this together! As for using the next and previous buttons to tab up and down the inputs, this should be working but maybe something broke recently. Also goes for auto complete and auto correct, by default they are disabled unless they are specifically added onto the element: https://github.com/driftyco/ionic/blob/2.0/ionic/components/input/input-base.ts#L217 Do you think auto capitalization should be disabled by default too? |
Please note I am testing these on actual devices. |
@adamdbradley I have updated the items above. Things outstanding are definite reproduceable issues. |
Where are we on Android issue #1? It's totally messing up my app without it. |
+1 on Android issue #1 :) |
Any movement on the items listed in this issue? |
@dylanvdmerwe once next beta is release (beta8) we will focus on fixing issues like this. Excuse the inconveniences |
+1 on Android issue #1 :) |
+1 on Android issue :
This is preventing me from fully porting from ionic1 to ionic 2 . |
Same here. |
+1 on Android issue #1 @adamdbradley, @jgw96 Is there some workaround for now? |
when ion-textarea in grid,keyboard.disablescroll(false) not works?how do with the issue |
This worked for me
Ionic info:
|
just wanted to let you guys know I have a similar problem on iOS which is that the keyboard scrolls over the input fields and the content screen is not updated to make space for the keyboard. the important bit that I found out is that when using plugins (like the @ionic-native/keyboard) I have created this gitrepo to show the case. Feel free to have a look. This was an eye-opener for me as I did not realise there are cases where you became a bit wiser today :) last thing: have a great weekend everyone! |
It is bewildering to me that that this issue is over 1.5 years old and no action has been taken. This is completely ruining the flow of my app. It makes it look buggy and poor quality and we're having to result to hacks to make things come close to looking nice. @mhartington is there anything going on internally here? |
I have had a phone conversation with @matthewkremer from Ionic as a follow up of using the PRO version of ionic now, and pressed that this is a major issue. He said he understood and would try to push this to a higher priority. |
Same for me. This does not look nice at all.. |
Hey all, this is becoming a top priority for us, see @adamdbradley's tweet this morning: https://twitter.com/adamdbradley/status/916295747968040960 Expect updates in coming days/weeks |
Sounds good I hope we will get life back soon without applying unnecessary hacks. |
For the people using WK already, I am preparing a new keyboard plugin:
|
There is a strange issue with this new wkkeyboard and disableing/enableing ion-textarea with FormGroups and FormControls. After reenableing the complete form the ion-textarea remains disabled. It doesn't happen while using the 'old' keyboard. I will create an issue tonight :). // Edit: |
What should I look for if the keyboard simply does not trigger a resize let alone a scroll to input? |
It seems like the scrolling issue should already be solved, but I am still experiencing issues on ios where when the input is in the middle of the screen the input does not get scrolled to when the keyboard is up. This is an issue both when the input is tapped on or when I use the keyboard navigation keys. Am I missing something? I have tried a bunch of the solutions presented here, but they don't seem to be working. (for additional info I am using Ionic in the browser not as a native app) |
wow 2018 y nada. me dieron esta solución pero no es del todo perfecta .scroll-content { |
Hi guys, I accidentally found that default build has cordova-plugin-ionic-keyboard. And when I replaced it by ionic-plugin-keyboard input bugs have gone. So my solution is: |
+1 |
Vendettall, i tried that but it didn't work! |
Do you have this annoying bug with headers toolbar?
…On Thu, Mar 29, 2018 at 11:31 PM, Emmanuel Fache ***@***.***> wrote:
Vendettall, i tried that but it didn't work!
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#6228 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AYPMdggjRqZBZ0wghtxFjVbPLViBkR8hks5tjUSQgaJpZM4IKhUp>
.
|
If you are still have this issue, please try the newer ionic keyboard plugin
Then set
In the config.xml |
Hi, |
For scrolling pb, i wrote a hack here : #10629 (comment) |
This comment above AbrahamLopez10 commented on Aug 1, 2017 worked perfectly for me, scrolling input fields into view when the Android keyboard pops up. |
@dylanvdmerwe , @jgw96 @mhartington @Tyler-Darby @manucorporat @adamdbradley Hi guys, I just created a custom directive to handle this issue on iOS and android platforms for Ionic 2 & 3 applications. Could you please check if this solve all the problems related to this scrolling issue. I used scroll-into-view-if-needed ponyfill to make this directive Install ion-input-scroll-into-view directive running the command Step-1
Step-2 You have to import the IonInputScrollIntoViewModule in the module.ts of your parent component as follows
npm link : https://www.npmjs.com/package/ion-input-scroll-into-view |
Thanks for the issue! We have moved the source code and issues for Ionic 3 into a separate repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there. Thank you for using Ionic! |
Issue moved to: ionic-team/ionic-v3#47 |
Right now, the way Ionic handles form input can be better. Ionic 1 had awesome defaults for form inputs with regards to keyboard handling, content scrolling, etc. Ionic 2 needs to be made consistent, and more importantly, work properly for form inputs consistently across all platforms (iOS, Android, Windows).
See this repo for the code example which should be run on devices: https://github.com/dylanvdmerwe/ionic2-formtest
Android:
Some keyboards have a next, previous and done button. These should be hooked into the form inputs on the page in order to allow the user to cycle through the input options.[unable to test as cannot get a keyboard with next and prev buttons]iOS:
Note that this issue has nothing to do with forms or inputs in a slides component. That would be a seperate consistency check to perform.
Which Ionic Version? 2.x
Run
ionic info
from terminal/cmd prompt: (paste output below)Cordova CLI: 6.1.1
Ionic Framework Version: 2.0.0-beta.4-201604170622
Ionic CLI Version: 2.0.0-beta.24
Ionic App Lib Version: 2.0.0-beta.14
OS:
Node Version: v5.7.0
The text was updated successfully, but these errors were encountered: