[Bug]: Horizontal Scrollbar appearing in Firefox (or browsers with wider scrollbar widths) #613

Closed
opened 2026-04-24 23:14:42 +02:00 by adam · 4 comments
Owner

Originally created by @chyron8472 on GitHub (Aug 29, 2022).

Describe the issue

I noticed that there is a horizontal scrollbar on the Home tab while using Firefox:

image.

If I install a Custom Scrollbar extension and set the width to Narrow, the horizontal scrollbar goes away:

image

Steps to reproduce the issue

Access ABS' Home tab while using Firefox as the browser on a PC.

Audiobookshelf version

v2.1.4

How are you running audiobookshelf?

Docker

Originally created by @chyron8472 on GitHub (Aug 29, 2022). ### Describe the issue I noticed that there is a horizontal scrollbar on the Home tab while using Firefox: ![image](https://user-images.githubusercontent.com/12549803/187282741-b3d58066-7ddf-4c0b-a18d-96ae31f4bcee.png). If I install a Custom Scrollbar extension and set the width to Narrow, the horizontal scrollbar goes away: ![image](https://user-images.githubusercontent.com/12549803/187283183-4053fb90-db11-440f-a985-091259278f11.png) ### Steps to reproduce the issue Access ABS' Home tab while using Firefox as the browser on a PC. ### Audiobookshelf version v2.1.4 ### How are you running audiobookshelf? Docker
adam added the bug label 2026-04-24 23:14:42 +02:00
adam closed this issue 2026-04-24 23:14:42 +02:00
Author
Owner

@advplyr commented on GitHub (Aug 29, 2022):

Unfortunately Firefox only allows for the scrollbar to be "auto" or "thin" (scrollbar-width), but when I tested using "thin" it worked great on the latest Firefox.

That should fix this but I'm not sure why your rows have scrollbars, they didn't for me. Are you using an older version of Firefox ?

@advplyr commented on GitHub (Aug 29, 2022): Unfortunately Firefox only allows for the scrollbar to be "auto" or "thin" ([scrollbar-width](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width)), but when I tested using "thin" it worked great on the latest Firefox. That should fix this but I'm not sure why your rows have scrollbars, they didn't for me. Are you using an older version of Firefox ?
Author
Owner

@chyron8472 commented on GitHub (Aug 30, 2022):

Firefox v104.0

The Custom Scrollbars extension I installed is adding scrollbars to the rows. [EDIT:] I can make the extension hide them, apparently, but I didn't see that at first. In any event, I didn't install the Custom Scrollbars extension until after I discovered the horizontal scrollbar at the bottom of the home screen.

@chyron8472 commented on GitHub (Aug 30, 2022): Firefox v104.0 The Custom Scrollbars extension I installed is adding scrollbars to the rows. [EDIT:] I can make the extension hide them, apparently, but I didn't see that at first. In any event, I didn't install the Custom Scrollbars extension until after I discovered the horizontal scrollbar at the bottom of the home screen.
Author
Owner

@advplyr commented on GitHub (Aug 30, 2022):

Oh good that explains it then. Will be fixed in the next release

@advplyr commented on GitHub (Aug 30, 2022): Oh good that explains it then. Will be fixed in the next release
Author
Owner

@advplyr commented on GitHub (Sep 5, 2022):

Updated in v2.1.5

@advplyr commented on GitHub (Sep 5, 2022): Updated in [v2.1.5](https://github.com/advplyr/audiobookshelf/releases/tag/v2.1.5)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#613