1454652 - Wrong InnerHeight in Mobile Vew

Status: RESOLVED DUPLICATE of bug 1514429

(Core :: DOM: Core & HTML, defect, P3)

Description

[Anselm]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36 OPR/52.0.2871.64

Steps to reproduce:

programmed a website that did some calculations with the help of jquery and the use of window.inner/outerHeight. I guess Firefox takes its measurements from the window and not from the mobile view...

var transtopcalc = -(window.outerHeight - 5*window.outerHeight/100);
		var transtop = 'translateY('+transtopcalc+'px)';		
		$.keyframe.define([{
		    'name': 'hide',
		       '0%':   {'transform':transtop},
		       '100%': {'transform':transcalc}
		}]);

		$.keyframe.define([{
		    'name': 'show',
		       '0%':   {'transform':transcalc},
		       '100%': {'transform':transtop}
		}]);
			


Actual results:

The programmed animation went way to far than just 5vh from top.


Expected results:

element should stop 5vh from top

Comment 1

[Anselm]

I filed the bugreport with opera but used firefox for the website testing

Comment 2

[laszlo.bialis]

Hi,

Could you please give us a a reduced test case that reproduces the issue? Also please specify the version of Firefox on which you reproduced this issue.

Comment 3

[laszlo.bialis]

Based on the lack of information from the reporter this bug will have the Status: Resolved as incomplete.
If you want to add more info that can help to understand this bug please reopen it.

Comment 4

[Anselm]

https://optique.de/showcase/

the positioning in the mobile view is not accordingly to the code

sorry for the delay wanted to to later and forgot!

Comment 5

[laszlo.bialis]

Hi!

Thanks for the additional details. 
I've managed to reproduce the issue on Win 10 both on Nightly 62.0a1 (Build ID: 20180508100105) and Release 59.0.3 (Build ID: 20180427210249). 

In my opinion not only mobile view is affected, but also on the desktop version of the page, one can observe a difference in the animation upward placement by comparing with the same page in Chrome.

Comment 6

[Hiroyuki Ikezoe (:hiro)]

The link for an example in comment 4 is unavailable now. That's said, I think this will be fixed by bug 1514429.