GlDisclosureDropdown implcitly depends on the font size of the HTML root element
In gitlab#438365, I've described an issue with the user menu being partially hidden.
@pkzc had the same issue but did find out, that a new Firefox profile would fix it.
I've stumbled upon the default font size being responsible - I've reduced mine from 16 to 13px:
To demonstrate, I played with the font-size
styling in the browsers DevTools. The following video is made in a fresh Firefox profile, with only font.size.variable.x-western
set to 13:
As you can see the initial left
position of the dropdown menu is negative.
Adding font-size: 16px
to the html
element changes the menu's left
position to 4px (the desired value).
Changing the font-size
(i.e. simulating various user's default font size setting) will also change the left
position of the menu.
I believe this to be a bug.