Utilize page footers and min-height to allow for overscrolling
I'd like to propose that we add a min-height to tabbed content wrappers, as well as a footer (functional or otherwise) to all pages in order to give more breathing room at the bottom of every page. Currently, when you get to the bottom of a page on GitLab, there is a mere 50px of padding at the bottom beyond which you cannot scroll:
For comparison here's GitHub's footer (height of 300px):
Beyond just exposing some copyright info and links, this extra buffer allows users to scroll content further up the page and it can prevent or at least minimize issues like the following example, where closing a dropdown menu has this jarring scroll back up to align the content bottom with the bottom of the window.
The bigger issue is on MR tabs where clicking on an unloaded tab will jump the scroll position way back when the content of the previous tab is removed.
I think this can be fixed with a simple min-height: 100vh;
on .tab-content
along with some minor scroll position adjusting. See the before and after below: