Fix sidebar flyout menu closing before cursor can reach it
What does this MR do and why?
This could happen when the sidebar had a scrollbar. While working on the fix I was only able to reproduce this bug in Firefox, where the native scrollbar area seems to be wider than in Chrome-based browsers.
With the 12px padding added now, this should be fixed for all browsers.
Fixes #426023 (closed).
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
| Before | After |
|---|---|
| recording_1724672892431 | recording_1724672698461 |
How to set up and validate locally
On my system (Ubuntu Linux) I was only able to reproduce the bug with Firefox. So Chrome was already fine for me. When reviewing, please try with Firefox first. I had no access to MacOs and Safari, so please try with that, too, if possible. Try all the browsers you got
- Go to any project or group.
- In the sidebar, open a couple of sections, so you get a scrollbar.
- Now hover one of the closed sections, to see its flyout menu.
- Slowly move your mouse to the right, into the flyout.
- The flyout should stay open while passing over the "scrollbar gap" in between menu section title and flyout menu.