Description
Hi! I'm getting some wrong positioning when using the "north" setting. I noticed that when the page is longer than the screen space and there are paddings/margins in other elements, the positioning for north (n, ne, nw) are wrongly calculated. At first I thought it was something related to the use of LightGalleryJS plugin, since in the website I'm building it only occurred after attaching the gallery to the elements (which adds some hidden elements in the DOM), but I tested it with this fiddle in your page and it's also happening, not even changing anything at all. I've reproduced your fiddle in a test.html and tested it in Chrome and Firefox (2 different engines) with the same results. For some reason, in the fiddle doesn't happen, neither in all pages in my website, which is strange.
My screen resolution: 1600x900
Chrome (Ubuntu & Windows): Versión 96.0.4664.45
Firefox (Ubuntu): 95.0b12
OS tested: Linux (Ubuntu 18.04) and Windows 10
PowerTip: 1.3.1 (tried also with 1.3.0 and 1.2.0)
jQuery: 3.6.0 (tried also with 1.x and 2.x)
The test.html file (a copy&paste of your fiddle + cdn for the libraries + margin-top: 200px just to make it more noticeable)
test.zip
In Chrome (Windows) it doesn't even show at all the north labels (the other ones work as expected):
In Chrome (Ubuntu) it shows off over the element (the other ones also work as expected). Same in FF:
I've been looking around the reported issues and I found this one and this one which are very similar to what's happening here, with the difference that the body tag is static by default here.
Do you see it wrong too in the attached test.html? Thank you!