Drop down dialog from left side bar overflows outside window boundaries
Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.
Summary
Clicking on "plus" button or avatar in left sidebar creates drop down dialog which overflows outside browser window. This happens only in Firefox on linux and if default font size is changed from 16 to 14. Chrome shows the same dialog correctly.
Steps to reproduce
Click on "plus" button or avatar buttons in side bar.
Example Project
It is to all projects.
What is the current bug behavior?
Part of the drop down dialog is not shown.
What is the expected correct behavior?
Align drop down with left side of browser window.
Relevant logs and/or screenshots
HTML element in inspector looks like this: <div id="base-dropdown-7" data-testid="base-dropdown-menu" class="gl-new-dropdown-panel gl-w-31! gl-absolute" style="left: -23px; top: 40.5px;">
Output of checks
This bug happens on GitLab.com
Results of GitLab environment info
Results of GitLab application Check
Possible fixes
Changing style to style="left: 0px; top: 40.5px;" fixes this to me.