Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown search partly hidden in lower viewports #4824

Closed
Bolthier opened this issue Feb 1, 2024 · 1 comment
Closed

Dropdown search partly hidden in lower viewports #4824

Bolthier opened this issue Feb 1, 2024 · 1 comment
Labels
Milestone

Comments

@Bolthier
Copy link

Bolthier commented 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

@ssddanbrown
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

No branches or pull requests

2 participants