budibase icon indicating copy to clipboard operation
budibase copied to clipboard

Mobile navigation panel displays incorrectly when navigation exceeds the length of the device screen

Open mikesealey opened this issue 5 months ago • 1 comments

Checklist

  • [x] I have searched budibase discussions and github issues to check if my issue already exists

Hosting Self & Cloud

  • Self
    • Method: docker compose
    • Budibase Version: 2.32.3
    • Tenant ID: miketest1

Describe the bug When viewing on mobile, if the navigaton menu has many links and sub-links, the text gets cut off. There is no ability to have a scrolling nav menu (in the way that a standard side-panel scrolls).

To Reproduce Steps to reproduce the behavior:

  1. Go to the navigation component on a screen
  2. Add many sub-links
  3. Publish, and view on mobile (or your browser's mobile-emulator)
  4. When the length of the menu exceeds that of the device screen, link text gets cropped.

Expected behavior Navigation menu should scroll, or compress the padding/whitespace

Screenshots Screen Recording 2024-09-16 at 12 58 32

App Export Thorinas Mobile Nav Issue Discord-export-1726487583798.tar.gz

Desktop (please complete the following information):

  • OS: MacOS
  • Browser: Chrome
  • Version 128.0.6613.114 (Official Build) (arm64)

Additional context Issue raised by discord user Thorinas When searching existing issues I found https://github.com/Budibase/budibase/issues/12184 which may be relevant.

mikesealey avatar Sep 16 '24 12:09 mikesealey