Skip to content
This repository has been archived by the owner on May 4, 2022. It is now read-only.

issue(forms): Input, scrolling, keyboard issues for forms #47

Open
10 of 12 tasks
ionitron-bot bot opened this issue Nov 1, 2018 · 0 comments
Open
10 of 12 tasks

issue(forms): Input, scrolling, keyboard issues for forms #47

ionitron-bot bot opened this issue Nov 1, 2018 · 0 comments
Labels

Comments

@ionitron-bot
Copy link

ionitron-bot bot commented Nov 1, 2018

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:

  • 1. When selecting an input the entire form content should be scrolled so that the selected item is visible after the keyboard is displayed.
  • 2. When the keyboard is hidden, set the scrolling back to it's original position and remove added padding.
  • 3. Touching an area that is not an input dismisses the keyboard.
  • 4. If the user selects a second input after filling in the first one, the screen should be scrolled to focus on the newly selected input field.
  • 5. 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]
  • 6. Support for autocorrect, autocomplete & autocapitalize and combinations thereof.

iOS:

  • 1. When selecting an input the entire form content should be scrolled so that the selected item is visible after the keyboard is displayed.
  • 2. When the keyboard is hidden, set the scrolling back to it's original position and remove added padding.
  • 3. Touching an area that is not an input dismisses the keyboard.
  • 4. If the user selects a second input after filling in the first one, the screen should be scrolled to focus on the newly selected input field.
  • 5. 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.
  • 6. Support for autocorrect, autocomplete & autocapitalize and combinations thereof.

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

0 participants