Half-height input fields on Chrome for Android |
||
Issue descriptionThis site displays correctly on desktop browsers but badly on Chrome for Android: http://scale18.com/cds.html The input fields are all about half height which makes them very difficult to use.
,
Jan 17 2017
It's very difficult to autosize form inputs because it messes up many forms. We could ease this restriction but I think a more sustainable approach would be for this site to add "html { font-size-adjust: none; }" to disable autosizing.
Leaving as a P3 to remove the input autosize restriction.
,
Jan 22 2017
I updated the page to include the html { font-size-adjust: none; } and it still behaves as before. I don't really understand how that would have fixed the issue as the regular text between the form fields is also smaller than the rest of the text on the page. Also when my phone (Galaxy S6) is switched between landscape and portrait the height of the affected area seems to change slightly as well, with portrait being better and landscape being worse. It seems to work fine in Chrome on my desktop, Firefox on both desktop and mobile and Edge so I'm confused as to why it's misbehaving only on Chrome for mobile.
,
Feb 14 2017
Comment #2 has a typo, the name of the property is "text-size-adjust". However I think a better solution for this page would be to declare a meta viewport as follows (inside the <head> element): <meta name="viewport" content="width=device-width, initial-scale=1.0"> The attached screenshot shows the rendering that would be obtained on a Nexus 5 by adding the meta viewport. I don't think we should modify the text autosizer to inflate form inputs; that will likely create more problems than it solves. |
||
►
Sign in to add a comment |
||
Comment 1 by e...@chromium.org
, Jan 17 2017