New issue
Advanced search Search tips

Issue 857222 link

Starred by 1 user

Issue metadata

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



Sign in to add a comment

window.innerHeight and outerHeight incorrect / in bad state

Project Member Reported by juntakahashi@google.com, Jun 27 2018

Issue description

Steps to reproduce the problem:
1. Load a page, and quickly scroll down while the page is still loading (the url bar initially doesn't collapse).
2. After the page finishes loading, keep scrolling so that the url bar collapses.
3. Check the values of window.innerHeight and outerHeight.

What is the expected behavior?
window.innerHeight and outerHeight should adapt/update when the url bar expands or collapses, to reflect the new viewport size.

What went wrong?
Once the page is in the bad state (induced by scrolling quickly before the page finishes loading), innerHeight and outerHeight will report the smaller viewport height size even when the url bar is collapsed (and the larger viewport size should be reported).

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 67.0.3396.79  Channel: stable
OS Version: Android 8.1.0
Flash Version:
 
Labels: Needs-triage-Mobile
Cc: jbanavatu@chromium.org
Labels: Triaged-Mobile Needs-Feedback
juntakahashi@ Could you please help us by providing screen-cast of the issue for better understanding and triaging further as we are not sure how to check the values of window.innerHeight and outerHeight.

Also provide any sample url, android device details(i.e, device name, build number) you are seeing this issue.

Thanks!
I've been checking the window.innerHeight and outerHeight by connecting my android device (Pixel 2) to my mac laptop via usb, and using chrome://inspect#devices to open a js debug console for the android chrome tab. In the js console, I check the values of window.innerHeight and outerHeight and I don't get the values that I expect, when I do the steps above (load any page, for example news.ycombinator.com, scroll down while page is still loading).

Android chrome version 67.0.3396.87
OS Android 8.1.0; Pixel 2 Build/OPM2.171026.006.C1
It's hard to capture a screencast that shows this behavior, but basically what I'm seeing is:

window.innerHeight and outerHeight should be 604 when url bar is "expanded"/visible, and 660 when it is "minimized"/hidden. 

By scrolling quickly while the page is still loading, both innerHeight and outerHeight become permanently in the 604 state, even when the url bar is subsequently minimized.
Project Member

Comment 5 by sheriffbot@chromium.org, Jun 28 2018

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
Components: UI Platform>Apps>DevTools
Labels: Target-67 M-69 FoundIn-67 Target-69 Target-68 FoundIn-68 FoundIn-69
Status: Untriaged (was: Unconfirmed)
Tested the issue on Android and observed that the issue is reproduced. But, it can not be reproduced consistently.

Steps followed:
1. Launch chrome
2. Navigate to chrome://inspect/devices >> inspect
3. Load any page and scroll the page quickly while page is still loading
4. After the page finishes loading, keep scrolling so that the url bar collapses.
5. Check the values of window.innerHeight and outerHeight in console
6. Observed that window.innerHeight and outerHeight values are 604

Unable to provide bisect as this issue is not consistently reproducible. Hence marking this issue as untriaged for further inputs from dev team.

Thanks!

Device & Chrome versions tested:
67.0.3396.87 
OS:
Android 8.1.0
Android Device:
Pixel 2

Thanks!

Sign in to add a comment