starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[Bug]: Main sidebar on Firefox collapses on top bar due to hardcoded css #2996

New Issue
Open
opened 2026-04-25 00:12:53 +02:00 by adam · 4 comments
adam commented 2026-04-25 00:12:53 +02:00
Owner
Copy Link
Copy Source

Originally created by @alexk7110 on GitHub (Sep 10, 2025).

What happened?

On FIrefox the main sidebar collapses on the top bar because of a CSS style that is applied directly on the element :

<div role="toolbar" aria-orientation="vertical" aria-label="Library Sidebar" class="w-20 bg-bg h-full fixed left-0 box-shadow-side z-50 hidden md:block" style="min-width: 80px; /*! top: 64px; */">

The top: 64px; style applied at the end is what is causing the trouble while it makes no difference if it is missing on Chrome.

What did you expect to happen?

The toolbar should fit nicely under the top bar as expected.

Steps to reproduce the issue

  1. Open the app on Firefox

Audiobookshelf version

v2.29

How are you running audiobookshelf?

Docker

What OS is your Audiobookshelf server hosted from?

Windows

If the issue is being seen in the UI, what browsers are you seeing the problem on?

None

Logs

Additional Notes

No response

Originally created by @alexk7110 on GitHub (Sep 10, 2025). ### What happened? On FIrefox the main sidebar collapses on the top bar because of a CSS style that is applied directly on the element : `<div role="toolbar" aria-orientation="vertical" aria-label="Library Sidebar" class="w-20 bg-bg h-full fixed left-0 box-shadow-side z-50 hidden md:block" style="min-width: 80px; /*! top: 64px; */">` The `top: 64px;` style applied at the end is what is causing the trouble while it makes no difference if it is missing on Chrome. ### What did you expect to happen? The toolbar should fit nicely under the top bar as expected. ### Steps to reproduce the issue 1. Open the app on Firefox ### Audiobookshelf version v2.29 ### How are you running audiobookshelf? Docker ### What OS is your Audiobookshelf server hosted from? Windows ### If the issue is being seen in the UI, what browsers are you seeing the problem on? None ### Logs ```shell ``` ### Additional Notes _No response_
adam added the bug label 2026-04-25 00:12:53 +02:00
adam commented 2026-04-25 00:12:53 +02:00
Author
Owner
Copy Link
Copy Source

@nichwall commented on GitHub (Sep 10, 2025):

Can you share a screenshot?

@nichwall commented on GitHub (Sep 10, 2025): Can you share a screenshot?
adam commented 2026-04-25 00:12:53 +02:00
Author
Owner
Copy Link
Copy Source

@alexk7110 commented on GitHub (Sep 11, 2025):

The actual bug as it appears on Firefox on my machine (since the end of 2023). Is it just a me problem ?

Image

Proof of fix on my end.

Image
@alexk7110 commented on GitHub (Sep 11, 2025): The actual bug as it appears on Firefox on my machine (since the end of 2023). Is it just a me problem ? <img width="482" height="481" alt="Image" src="https://github.com/user-attachments/assets/bcee7942-70df-4d50-993b-9dbc99e0fd0e" /> Proof of fix on my end. <img width="1150" height="1255" alt="Image" src="https://github.com/user-attachments/assets/b4151ce0-cfa9-4944-8683-7758e847d514" />
adam commented 2026-04-25 00:12:53 +02:00
Author
Owner
Copy Link
Copy Source

@Vito0912 commented on GitHub (Sep 11, 2025):

Do you have anything installed that changes CSS? I use Firefox too (/only) and never had this problem
(Or maybe it's some difference in the engine under Linux and Windows)

@Vito0912 commented on GitHub (Sep 11, 2025): Do you have anything installed that changes CSS? I use Firefox too (/only) and never had this problem (Or maybe it's some difference in the engine under Linux and Windows)
adam commented 2026-04-25 00:12:53 +02:00
Author
Owner
Copy Link
Copy Source

@alexk7110 commented on GitHub (Sep 11, 2025):

Nothing that changes CSS (I would have it change this for instance). I use Firefox 142.0.1 on Ubuntu 24.04, both the Flatpak and Snap version and they both behave the same (and have been for ages). Chrome on the other hand plays fine, it's just that I don't use it.

@alexk7110 commented on GitHub (Sep 11, 2025): Nothing that changes CSS (I would have it change this for instance). I use Firefox 142.0.1 on Ubuntu 24.04, both the Flatpak and Snap version and they both behave the same (and have been for ages). Chrome on the other hand plays fine, it's just that I don't use it.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#2996
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?