How to control Horizontal Scrollbars on Filter Results Dashboard Gadget

Platform Notice: Cloud - This article applies to Atlassian products on the cloud platform.

Summary

This article talks about when a horizontal scrollbar appears for a "Filter Results" Dashboard Gadget and whether there is an option to control this.

Diagnosis

When Filter Results Gadgets are included in a Dashboard, sometimes these gadgets displays with a horizontal scroll bar and other times there are no scroll bars included, irrespective of the no.of columns included on the Filter Results.


Why does this happen and how can it be controlled?


Cause

The logic behind inclusion of word wrapping and horizontal scroll bars in Filter Results Gadgets:

  1. By default, Filter Results gadget tries it's best to fit in all details within the layout by word wrapping where possible and thereby avoiding horizontal scrolling.
  2. However, when columns have contents including a single long word like "This_summary_uses_many_words_to__describe_the_issue_in_detail", the editor will not be able to wrap the word, hence the column width is set to the width of the longest word in the filter results, post which depending on the no.of columns, the need for a horizontal scrollbar is decided and implemented.

Can this be controlled?  - No. This is an internal design decision and there is no options to control word wrapping / scroll bar inclusion from the frontend User Interface for Filter Results Dashboard Gadget.



Solution

This is a scenario where the Dashboard Gadget - Filter Results - is working as designed. This is not an issue/bug.

If users wish to avoid these scroll bars, the solution would be to limit the length of words / avoid long words from being displayed in the columns selected for the gadget, like below

Changing the Issue summary from "This_summary_uses_many_words_to__describe_the_issue_in_detail" (A single long word) to "This summary also uses many words to describe the issue in detail" (Multiple words) allowed for word wrapping and the scroll bar is excluded.




Last modified on Jan 17, 2025

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.