1336342 - [viewport] screen.height and window.innerHeight sends value minus the size of the toolbar

Status: RESOLVED DUPLICATE of bug 1064982

(Core :: Panning and Zooming, defect, P3)

Description

[Karl Dubost💡 :karlcow]

Which ever value of the viewport we chose, when loading a page for Firefox or Chrome, the height of the screen and the innerHeight are different. Chrome seems to take the full screen size, while Firefox gives the screen size minus the toolbar height.
See for example http://la-grange.net/2016/12/01/viewport/viewport-test-0004.html


Firefox
    3: window.devicePixelRatio
    360 px: window.screen.width
    592 px: window.screen.height
    360 px: window.innerWidth
    592 px: window.innerHeight


Chrome
    3: window.devicePixelRatio
    360 px: window.screen.width
    640 px: window.screen.height
    360 px: window.innerWidth
    640 px: window.innerHeight

Comment 1

[David Bokan]

What version of Chrome was this using? Chrome's innerHeight shouldn't include the Android system bar (and hasn't ever AFAIK), while screen.height does. E.g., on my phone, using bokand.github.io/innerHeight.html on Chrome 62 I get:

With URL bar hidden:
  innerHeight: 747
  screen.height: 823

With URL bar shown:
  innerHeight: 691
  screen.height: 823

On the same phone Firefox reports:

With URL bar hidden:
  innerHeight: 741
  screen.height: 768

With URL bar shown:
  innerHeight: 693
  screen.height: 768

Interestingly, innerHeight here differs by 6px when the URL bar is hidden on the same device - they should be the same size...

For screenHeight, I'm guessing Firefox doesn't include the Android "Navigation Bar" height (the button bar at the bottom of the screen).

Comment 2

[Mike Taylor [:miketaylr]]

(Setting ni? to Karl for David's question)

Comment 3

[Karl Dubost💡 :karlcow]

Let's see. Redoing the tests.

Firefox Nightly Android 57.0a1  (2017-08-10)

URL bar shown:
  innerHeight:   511 
  screen.height: 592

URL bar hidden:
  innerHeight:   567 
  screen.height: 592



Firefox Android 55.0

URL bar shown:
  innerHeight:   519 
  screen.height: 592

URL bar hidden:
  innerHeight:   567 
  screen.height: 592



Chrome 59.0.3071.125

URL bar shown:
  innerHeight:   511 
  screen.height: 640

URL bar hidden:
  innerHeight:   567 
  screen.height: 640

Comment 4

[Karl Dubost💡 :karlcow]

This is probably a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1064982

Comment 5

[Karl Dubost💡 :karlcow]

Tests in Comment #3 were bogus.

Comment 6

[Hiroyuki Ikezoe (:hiro)]

This is a duplicate of bug 1064982 as per the results in comment 3.