"Move Issue" dropdown does not render properly in IE11
Summary
The dropdown that appears when clicking "Move Issue" renders with the wrong height and position in Internet Explorer 11.
Steps to reproduce
- Navigate to an issue, e.g., https://gitlab.com/gitlab-org/gitlab-ce/issues/43273 from Internet Explorer 11
- Click the "Move Issue" button in the right sidebar
- Observe the dropdown that should appear above the button is rendered with too small of a height to be usable.
What is the current bug behavior?
Dropdown menu displays with the minimum height of about 40px.
What is the expected correct behavior?
Dropdown menu should display with a properly calculated height.
Relevant logs and/or screenshots
Current Behavior
Expected Behavior
Output of checks
This bug happens on GitLab.com
Possible fixes
It has something to do with the bottom: 100%
CSS rule being applied directly to the element. It looks like it could display properly if you used a negative rule of top
with the value being the height of the element, but I haven't dug into it enough to see if that can be dynamically calculated.
There could also be cleaner solutions that may work with IE 11.
Observed when fixing gitlab-ce#43273.
Edited by Dennis Tang