Anselm Reporter
	Description • 6 years ago

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

	Anselm Reporter
	Comment 1 • 6 years ago

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

	laszlo.bialis
	Comment 2 • 6 years ago

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.

	laszlo.bialis
	Comment 3 • 6 years ago

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.

	Anselm Reporter
	Comment 4 • 6 years ago

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!

	laszlo.bialis
	Comment 5 • 6 years ago

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.