BUGFIX: Fix dimension dropdown on browser zoom

[pKallert]

resolves #3639

What I did
I had a look at why the language dropdown disappears when the browser is zoomed out.

How I did it
The SelectBox is loading DropDown.Contents with scrollable="true" which triggers a check if the element is out of bound.
The check for const elementBoundingBox = el.getBoundingClientRect(); is returning -0.05 for top when I zoom out 80% and thus is "out of bounds" of the viewport. There is apparently some css that makes the dimensions dropdown slightly higher than the right topbar.
I could not find a good reason why the Element is out of bounds by 0.05, perhaps there is a better solution?
To resolve the issue, I placed the dimensions menu at the top of the bar, thus it cannot go over the top of the bar.

How to verify it
When zooming out, the dimensions menu is visible again:

Before that, Menu was not opening:

Also, I checked on desktop without browser zoom and there was no visible change in styling with the additional CSS

[grebaldi]

Hi @pKallert,

thanks for taking care of this issue :)

I was able to reproduce that (indeed very weird) behavior and can verify that your change fixes it 👍

[markusguenther]

Thanks @pKallert, but I guess we should target 8.3 here :)

[pKallert]

Thanks @pKallert, but I guess we should target 8.3 here :)

I switeched it out 👍

[markusguenther]

Thanks for taking care 💙