Font size of textarea becomes larger on Android Chrome.
Reported by
hamay1...@gmail.com,
Jun 29 2018
|
||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36 Example URL: https://hamayapp.appspot.com/static/test/scindent_oldZ_v161.html Steps to reproduce the problem: 1. open URL https://hamayapp.appspot.com/static/test/scindent_oldZ_v161.html 2. input something to textarea What is the expected behavior? textarea displays a text normaly. What went wrong? textarea displays large font. (image1001.png ==> image1002.png) Does it occur on multiple sites: N/A Is it a problem with a plugin? N/A Did this work before? N/A Does this work in other browsers? Yes Chrome version: 67.0.3396.99 Channel: stable OS Version: 6.3 Flash Version:
,
Jun 29 2018
Chrome: 67.0.3396.87 OS: Android 6.0.1; SO-02J Build/34.1.B.2.32
,
Jun 29 2018
I found similar Issue 671078 .
,
Jun 30 2018
,
Jul 1
,
Jul 2
This is due to the text autosizer which tries to make desktop-designed pages work on mobile devices. I don't think we could change the behavior here wihtout breaking forms on old websites. There are two approaches for disabling the text autosizer feature: 1) Use a meta viewport at the top of your page to declare your page "mobile designed": <meta name="viewport" content="width=device-width, initial-scale=1"> 2) Use the CSS style "text-size-adjust: none;" to disable adjustment of your form. Can you try one of these and report back? I'll go ahead and close this as WONTFIX but am happy to keep discussing it here, and can reopen if necessary.
,
Jul 3
Uhm, I understood the text autosizer but image1002 shows that the textarea is getting under other parts. It looks like strange ... image1003 seems good. I will change CSS and report the result later, but if the old websites is defined as the sites not using such CSS, I feel something is weird ...
,
Jul 3
Oh, I misunderstood this bug. I see what you mean: the textarea itself is resizing.
,
Jul 4
I made modified versions and uploaded.
(1) add <meta name="viewport" content="width=device-width, initial-scale=1">
https://hamayapp.appspot.com/static/test/scindent_oldZ_v161B.html
( image1004 )
(2) add CSS style "text-size-adjust: none;"
https://hamayapp.appspot.com/static/test/scindent_oldZ_v161C.html
( image1005 )
image1004 looks good.
In image1005, textarea is slightly getting under other parts.
,
Jul 7
I've attached a minimized reproduction case. This bug has existed for many years and there's a workaround available, so I'm going to drop the priority to 3. |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by hamay1...@gmail.com
, Jun 29 2018