Dropdown search partly hidden in lower viewports #4447

Closed
opened 2026-02-05 08:54:35 +03:00 by OVERLORD · 1 comment
Owner

Originally created by @Bolthier on GitHub (Feb 1, 2024).

Describe the Bug

When using the dropdown search in a mobile browser on a page or chapter the search bar and the first entry is hidden behind the mobile tab bar.

Additionally the dropdown element is partially hidden on the side when simulating desktop mode on a mobile browser or using only half the screen on a laptop with a desktop browser.

Steps to Reproduce

  1. Go to a bookstack page with a mobile viewport of 360x800

  2. Click on dropdown search

  3. See no search bar and first element

  4. Go to a bookstack page with a viewport of 900x1000

  5. Click on dropdown search

  6. See vertically cut off dropdown, more cut off on books dropdown

Expected Behaviour

The dropdown should start below the mobile tab bar and should be fully visible.

Screenshots or Additional Context

Screenshot_20240201-140704

Screenshot_20240201-150101

Browser Details

Firefox 122 on Android/Windows

Exact BookStack Version

v23.12

Originally created by @Bolthier on GitHub (Feb 1, 2024). ### Describe the Bug When using the dropdown search in a mobile browser on a page or chapter the search bar and the first entry is hidden behind the mobile tab bar. Additionally the dropdown element is partially hidden on the side when simulating desktop mode on a mobile browser or using only half the screen on a laptop with a desktop browser. ### Steps to Reproduce 1. Go to a bookstack page with a mobile viewport of 360x800 2. Click on dropdown search 3. See no search bar and first element 1. Go to a bookstack page with a viewport of 900x1000 2. Click on dropdown search 3. See vertically cut off dropdown, more cut off on books dropdown ### Expected Behaviour The dropdown should start below the mobile tab bar and should be fully visible. ### Screenshots or Additional Context ![Screenshot_20240201-140704](https://github.com/BookStackApp/BookStack/assets/42382626/333b4794-f797-4e38-bfc6-b1daf26f747e) ![Screenshot_20240201-150101](https://github.com/BookStackApp/BookStack/assets/42382626/e277e78f-86a3-429b-876d-906a2487af4b) ### Browser Details Firefox 122 on Android/Windows ### Exact BookStack Version v23.12
OVERLORD added the 🐛 Bug label 2026-02-05 08:54:35 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Feb 20, 2024):

Thanks for raising @Bolthier.
This has been addressed in bbb41e8b5c, to be part of the next feature release.

@ssddanbrown commented on GitHub (Feb 20, 2024): Thanks for raising @Bolthier. This has been addressed in bbb41e8b5cc5c6e33cb27ef1b69092cf7a0f70ba, to be part of the next feature release.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#4447