How to add a scrollbar for Issues dropdown and Subtask option menus
Platform notice: Server and Data Center only. This article only applies to Atlassian products on the Server and Data Center platforms.
Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.
*Except Fisheye and Crucible
The information on this page relates to customizations in JIRA Applications. Consequently, Atlassian Support cannot guarantee the provision of any support for the steps described on this page as customizations are not covered under Atlassian Support Offerings. Please be aware that this material is provided for your information only and that you use it at your own risk.
Also, please be aware that customizations done by directly modifying files are not included in the upgrade process. These modifications will need to be reapplied manually on the upgraded instance.
Summary
There are certain parts of Jira UI that do not have a scrollbar.
The Issues drop-down menu of Jira for some users can end up with a large amount of filters and recent issue history. In these cases, combined with a low resolution or a browser with high zoom %, the dropdown items are cut off at the bottom.
Starting Jira 8.7, the menu for subtasks do not have a scrollbar.
For both scenarios, when there are too many options for the menu, there is no scroll bar functionality to help access the items that are clipped.
Solution
The two workarounds below make use of CSS on the announcement banner.
Please be mindful that tempering with modifying CSS layout in flight might cause Jira to become completely inaccessible to users; That is, the login page might stop operating properly, or certain page elements in Jira will no longer be accessible, such as for example not being able to access the Announcement banner configuration page to remove the faulty code. If that becomes the case please follow the below article to remove the announcement banner via a direct database update:
Remove the Jira server announcement banner through the database
The workarounds below follow the method of adding an entry in the announcement banner to add scrollbars when the number of items exceed a certain amount of pixels. You can change the number value on the line height: 600px to adjust to your resolution requirements. Both examples show a scroll bar when the menu dropdown reaches 600 pixels in height.
Issues drop-down menu
We're using CSS to specifically add a scrollbar using the overflow: scroll; syntax on all find_link-content dropdown menu elements.
<style type="text/css">
div#find_link-content {
overflow: scroll;
height: 600px;
}
</style> Subtask option menus
There is an open bug ticket for this at JRASERVER-72969 - Getting issue details... STATUS
We're using CSS to specifically add a scrollbar using the overflow: scroll; syntax on all elements with the id div#actions_<id>_drop.
<style type="text/css">
div[id^="actions_"][id$="_drop"]{
overflow: scroll;
height: 600px;
}
</style>