Unreachable scrollbar in Gitlab.com - Boards

Summary

In Gitlab CE - Boards I cannot access/reach the scroll-bar when the first column has manny issues until scrollbar appears and the following column is collapsed

Steps to reproduce

Screenshot_from_2020-08-16_13-15-01

  1. In boards collect many issues in any column until the scroll bars appears
  2. Collapse the following column
  3. Try to reach the scrollbar

What is the current bug behavior?

When trying to reach the scroll bar with the mouse some element overlaps making the scrollbar unreachable.

What is the expected correct behavior?

Being able to reach the scroll bar with the mouse.

Output of checks

This bug happens on GitLab.com

Possible fixes

Each column in gitlab boards has the following HTML structure

<div class="board ..." ...>
    <div class="board-inner ..." ...>
        <header ...>
            <h3 class="board-title">
                <button ...>...</button>
                <div class="board-title-text" ...>...</div>
            </h3>
        </header>
        <div> ... </div>
    </div>
</div>

Solution 1: Add the following CSS style to h3 tag

div.board-inner header h3 {
   overflow: hidden;
}

Solution 2: Resize the div.board-title-text to fit label content.

Pd: I wish I knew more about how gitlab is built in order to give a more complete solution.