New issue
Advanced search Search tips

Issue 915569 link

Starred by 2 users

Issue metadata

Status: Unconfirmed
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug



Sign in to add a comment

vw units as font-size inside WebView computes incorrect size

Reported by jo...@takeflight.com.au, Dec 17

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Steps to reproduce the problem:
1. Open a webpage with text that has font-size set to a VW based value (eg 10vw) on a mobile device
2. Using the same device, open the same page in an Android WebView (eg via Instagram profile link or using a WebView testing app)
3. Text in WebView is larger than in mobile browser

What is the expected behavior?
Computed text size should be the same

What went wrong?
Font size in the WebView is too big (this is reflected when using window.getComputedStyle() to test).

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 71.0.3578.98  Channel: stable
OS Version: OS X 10.14.0
Flash Version: 

Note: Screenshot called via-webview.png is taken in the WebView tester Android app. The app is open source app so you can see how the WebView is initialised:

https://github.com/lsrom/webview-tester
 
vw-test.html
1.1 KB View Download
via-Chrome.png
100 KB View Download
via-webview.png
103 KB View Download
Chrome-info.png
86.1 KB View Download
Components: Blink>Layout Mobile>WebView
Labels: Needs-Triage-M71
Components: -Blink>Layout
Labels: -OS-Mac OS-Android
Labels: Needs-triage-Mobile
Cc: chelamcherla@chromium.org
Labels: -Needs-Triage-M71 WV-Triaged Needs-Feedback
@jonny: Could you please let us know how to open this link in webview tester app. Downloaded  attached .html file and opened in chrome -- observed same text size. If possible please provide screencast of the issue. This would help in further triaging of the issue.

Thanks!
@chelamcherla@chromium.org Sure :) Heres a screencast. The webview tester app I used is available on the app store at https://play.google.com/store/apps/details?id=cz.lsrom.webviewtest

Let me know if you need anything else.
2018_12_20_09_41_512.mov
7.3 MB View Download
Project Member

Comment 8 by sheriffbot@chromium.org, Dec 19

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-Feedback
Tested the issue on android and unable to reproduce this issue 

Steps to reproduce:
--------------------------
1. Launched chrome and navigated to https://jonnyscholes.com/vw-test.html , observed same font size
2. Now opened it through webview test app and observed same result. Attaching screencast for reference

Chrome version:
71.0.3578.98 

OS:
Android 9.0 

Android device:
Pixel XL

@ jonny: Please check the above screencast and let us know if we miss anything. Is this issue consistently reproducible? Any information on reproducing the issue would help in better triaging.

Thanks!
20181220_151602.mp4
8.1 MB View Download
Hi +chelamcherla@chromium.org

It is reproducible :( On my phone - including after a restart - but also other devices. To make it easy to test on other peoples device I added the test link to my Instagram profile and then got some colleagues of mine to browse to my profile and open the link (which opens in a WebView in Instagram). 1 of 3 colleagues reproduced the issues. User B was able to downloaded the WebView Tester app. See screenshots and summary below.

Each user did the following to try to reproduce the issue:

1. Opened Instagram on an Android device
2. Browsed to the @jonnyscholes user
3. Clicked the link in the bio on that user which would then open in an embedded WebView.


Results:

User A
Issue reproduced: No
Phone: Google Pixel 1 (not XL)
Primary installed browser: Chrome

User B
Issue reproduced: Yes (via Instagram and via WebView Tester app)
Phone: Google Pixel 2 (not XL)
Primary installed browser: Chrome

User C
Issue reproduced: No
Phone: Samsung Galaxy 9
Primary installed browser: Chrome


Is there anything else I can provide or do to help? I'll leave that link in my bio for a while so you can test the same way the users above did.
User-A.jpg
278 KB View Download
User-B.jpg
430 KB View Download
User-C.jpg
270 KB View Download
Hi +chelamcherla@chromium.org

It is reproducible :( On my phone - including after a restart - but also other devices. To make it easy to test on other peoples device I added the test link to my Instagram profile and then got some colleagues of mine to browse to my profile and open the link (which opens in a WebView in Instagram). 1 of 3 colleagues reproduced the issues. User B was able to downloaded the WebView Tester app. See screenshots and summary below.

Each user did the following to try to reproduce the issue:

1. Opened Instagram on an Android device
2. Browsed to the @jonnyscholes user
3. Clicked the link in the bio on that user which would then open in an embedded WebView.


Results:

User A
Issue reproduced: No
Phone: Google Pixel 1 (not XL)
Primary installed browser: Chrome

User B
Issue reproduced: Yes (via Instagram and via WebView Tester app)
Phone: Google Pixel 2 (not XL)
Primary installed browser: Chrome

User C
Issue reproduced: No
Phone: Samsung Galaxy 9
Primary installed browser: Chrome


Is there anything else I can provide or do to help? I'll leave that link in my bio for a while so you can test the same way the users above did.
User-A.jpg
278 KB View Download
User-B.jpg
430 KB View Download
User-C.jpg
270 KB View Download
Project Member

Comment 12 by sheriffbot@chromium.org, Dec 21

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Sign in to add a comment