[Enhancement] Add scroll bar to modal #942

Open
opened 2026-04-24 23:43:40 +02:00 by adam · 1 comment
Owner

Originally created by @ZLoth on GitHub (Apr 6, 2024).

Is your feature request related to a problem? Please describe.

Because of the large number of audiobooks in my collection that I'm porting over to AudioBookShelf, I have divided my book list into several libraries. They are:

  • Non-Fiction
  • Great Courses, Modern Scholar, and Lectures
  • Fiction
  • Fiction Dramatized
  • Science Fiction & Fantasy
  • Science Fiction & Fantasy Dramatized
  • Classic Radio Dramas
  • DC Comics
  • Doctor Who
  • Lord of the Rings
  • Sherlock Holmes
  • Star Wars
  • Torchwood
  • Westerns
  • Westerns Dramatized
  • Soundscapes

When I bring up the library list in the Android app, I see the following:
Screenshot_20240405-172752

There is no indication to the user that they need to scroll up to see the following:
Screenshot_20240405-172809

Even when I hold my phone sideways:
Screenshot_20240405-175226

And on my tablet:
Screenshot_20240405_210423_Audiobookshelf

Describe the solution you'd like

A scroll bar to indicate that there are more content available.

Describe alternatives you've considered

This is a in-app issue.

Additional context

Add any other context or screenshots about the feature request here.

Originally created by @ZLoth on GitHub (Apr 6, 2024). ### Is your feature request related to a problem? Please describe. Because of the large number of audiobooks in my collection that I'm porting over to AudioBookShelf, I have divided my book list into several libraries. They are: - Non-Fiction - Great Courses, Modern Scholar, and Lectures - Fiction - Fiction Dramatized - Science Fiction & Fantasy - Science Fiction & Fantasy Dramatized - Classic Radio Dramas - DC Comics - Doctor Who - Lord of the Rings - Sherlock Holmes - Star Wars - Torchwood - Westerns - Westerns Dramatized - Soundscapes When I bring up the library list in the Android app, I see the following: ![Screenshot_20240405-172752](https://github.com/advplyr/audiobookshelf-app/assets/6700159/eceeedc4-c66e-4bb7-8a22-ac4f6f9e2594) There is no indication to the user that they need to scroll up to see the following: ![Screenshot_20240405-172809](https://github.com/advplyr/audiobookshelf-app/assets/6700159/59fdc540-566e-44a6-9b80-edffd65382ee) Even when I hold my phone sideways: ![Screenshot_20240405-175226](https://github.com/advplyr/audiobookshelf-app/assets/6700159/4affc994-a2f1-4177-adf6-0fd653ea8607) And on my tablet: ![Screenshot_20240405_210423_Audiobookshelf](https://github.com/advplyr/audiobookshelf-app/assets/6700159/ebe21e17-7574-4543-a396-d9c27e2c037d) ### Describe the solution you'd like A scroll bar to indicate that there are more content available. ### Describe alternatives you've considered This is a in-app issue. ### Additional context Add any other context or screenshots about the feature request here.
adam added the enhancement label 2026-04-24 23:43:40 +02:00
Author
Owner

@advplyr commented on GitHub (May 3, 2024):

I'm not sure what the proper UI/UX design is for scrolling lists on mobile so hopefully a designer can provide an answer. Typically scrollbars aren't shown on mobile until you start scrolling but I couldn't find if this is handled differently for menus. I consulted material design docs and didn't find an answer.

I looked into why the scrollbar doesn't show once you start scrolling which is standard for browsers and it turns out this is a bug that has existed for 10 years with WebView https://issues.chromium.org/issues/40226034

@advplyr commented on GitHub (May 3, 2024): I'm not sure what the proper UI/UX design is for scrolling lists on mobile so hopefully a designer can provide an answer. Typically scrollbars aren't shown on mobile until you start scrolling but I couldn't find if this is handled differently for menus. I consulted material design docs and didn't find an answer. I looked into why the scrollbar doesn't show once you start scrolling which is standard for browsers and it turns out this is a bug that has existed for 10 years with WebView https://issues.chromium.org/issues/40226034
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf-app#942