Shrink text for inputs

[bensperry]

I noticed that when I'm typing something long into an input (on iOS at least), the text will shrink to accommodate the length so I can see what I'm typing for longer. I think little things like this add a TON of value to the experience. Check the email field in the screenshot:

[rvanbaalen]

Awesome idea. But do keep the values vertically centered while shrinking. See issue #799

[ajoslin]

Additionally, use a fake placeholder element to be consistent on all platforms.

[jayproulx]

Vertical centering shouldn't be an issue for a single line of text. make sure the line-height: value is the same for the label and the input, and just adjust the font-size:, text should stay in the middle.

[perrygovier]

Moving feature requests from GH Issues to Trello. Please continue the discussion and vote for this and other issues that are important to you here:
https://trello.com/c/xvjAYWDa/31-shrink-text-for-inputs

[ionitron-bot]

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.