Skip to content

Dropdown search partly hidden in lower viewports #4824

@Bolthier

Description

@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

Screenshot_20240201-140704

Screenshot_20240201-150101

Browser Details

Firefox 122 on Android/Windows

Exact BookStack Version

v23.12

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions