Scroll bar hidden by sprint header in backlog view

Summary

When scrolling to the top of the backlog with a list of long issues in the backlog, the scroll bar hides behind the Sprint Header and obscures it from view.

Environment

Can be replicated in Google Chrome, Firefox and Safari.

Steps to Reproduce

1. Create or view a board with a long list of issues or resize the browser window vertically to reduce the available screen space.
2. Create and start a Sprint so the sprint header appears at the top of the backlog.
3. Depending on the OS version, you may need to change system settings to 'Show Scroll bars: Always'. In Mac OS - System Preferences > General.
4. Scroll to the top of the backlog.
5. Scroll all the way back up.

Expected Results

The scroll bar stops scrolling upwards once it reaches the sticky Sprint header.

Actual Results

Scroll bar continues scrolling and eventually hides behind the sprint header completely.

Notes

See recording here: Screen Recording 2017-09-19 at 05.19 PM.mov

Workaround

1. Use mouse-wheel or track pad to scroll back down and bring the scroll bar into view.

Or

2. Add the following CSS to JIRA's announcement banner:

<style type="text/css">
.ghx-backlog-header.stuck{
position:absolute;
}
</style>

Note that if a typo occurs, it may break access to JIRA (due to invalid or incomplete HTML). If you have problems immediately after adjusting the banner, you can follow these steps to manually remove the banner. Please make sure that you test any changes in a staging environment and evaluate their impact before implementing in Production.