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

[mikesealey]

Checklist

• 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

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 #12184 which may be relevant.

[linear]

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