Horizontal bar gauges - how to prevent scroll bar from hiding numbers

[caaei]

• What Grafana version and what operating system are you using?
  Grafana v7.5.5 (b5190ee547) on Debian 10

• What are you trying to achieve?

Display many (15-30) bar gauges horizontally with scrollbar

• How are you trying to achieve it?

Select visualization “bar gauge”, change orientation to “horizontal”

• What happened?

If the panel is large enough to fit all bars, all is fine, if panel is too small, gray scrollbar at the right is (partially) drawn over bar values.

• What did you expect to happen?

bar values should be offset from right edge of panel to account for

• Can you copy/paste the configuration(s) that you are having problems with?
  n/a

• Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.
  n/a

• Did you follow any online instructions? If so, what is the URL?
  n/a

possibly/slightly related to Bar Gauge panels - strange grey bar at right since 7.2.0 (Firefox Ubuntu) - #2 by codlord and/or Right side of bar gauges cut-off · Issue #27723 · grafana/grafana · GitHub

[caaei]

Example pictures:

if panel is large enough:

if panel is too small:

[mattabrams]

hi @caaei,

I’m not seeing that behavior on Grafana 8-beta:

https://play.grafana.org/d/5QR6pS6Gz/horizontal-bar-gauge-scroll-test?orgId=1

[caaei]

Interesting, it’s still the same for me (have you tried this with Firefox or a different browser?)

[caaei]

Just updated to FF 89.0 and the scroll bar looks slightly better (less wide thus hiding less), I really love browser quirks and CSS

[placaze]

I’m seeing the same issue with Grafana 7.5 or 8.2. I’m using Firefox 93.0.

With this dashboard Bar Gauge - play.grafana.org if we reduce the height of the horizontal panels, the last characters are hidden by the scrollbar.

It’s annoying when it’s some digits.

EDIT: I just found related issues on GitHub: #32083 & #32676.
(I can only post two links since I’m a new user)