Overflow-x: hidden on html and body causes protip not to show up when scrolled

I think this is a bug. If I add overflow-x: hidden to my CSS and I have protips that go beyond the top fold of the page, the bottom protips show up but in their original non-scrolled location and thus can’t even be seen on the screen.

Here’s an example and if you scroll down in render area and hover over any of the Tip words near the bottom of page, you won’t see a protip: https://jsfiddle.net/ouamhaw9/4/

And here it works when I comment out overflow-x: hidden: https://jsfiddle.net/ouamhaw9/5/

[Tofandel]

case C.POSITION_TOP:
	this._offset.top += (globalOffset + arrowOffset.height) * -1 + document.body.scrollTop;

This gives me the correct result in the fiddle I don’t know if it would work with other use cases though

[wintercounter]

Seems like this is a Chrome bug. If overflow-x is applied both to html and body, Chrome will report document.body.scrollTop to be 0. It’s a known bug. If you remove overflow-x only from the html element, it’ll work just fine. Te be honest I don’t know how should I fix this without having proper metrics, it even breaks jQuery also 😦 I leave this issue open so anyone with the same issue can see this, but no fix will be done by me.

https://jsfiddle.net/4frs821y/ https://github.com/jquery/jquery/issues/2215#issuecomment-94332101