Dropdown search partly hidden in lower viewports

[Bolthier]

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

Browser Details

Firefox 122 on Android/Windows

Exact BookStack Version

v23.12