Menu is not scrollable on mobile

[nhirschey]

Following up on comment here fsprojects/FSharp.Data#1370 (comment)

Summary: if you’re on a mobile browser then clicking the sidebar/hamburger on the current template fills the browser window with the sidebar, and that sidebar menu that pops out is not scrollable. So it’s impossible (at least on iOS) to scroll to and click on links at the bottom of the side bar. You’re restricted to the first few items on the sidebar. In the screenshot in the above linked FSharp.Data comment, I can’t access anything below XML Provider.

[dsyme]

Thanks for the fix!

[dsyme]

@nhirschey Scrollable navbar looks a bit off for desktop, see

https://fsprojects.github.io/FSharp.Formatting/

Reopening this to sort it out

[nhirschey]

Ok, I will see if I can find a way to expand it so that it fills the vertical real estate on desktop. In your screenshot the scrollbar isn’t needed.

[nhirschey]

Pull request #689 is the most minimal change to the template that

1. Has no navbar scrollbar on desktop when there is sufficient vertical space to display all navbar items.
2. Makes the navbar usable on mobile browsers (by adding a scrollbar, see update docs FSharp.Data#1370 (comment) for a description of the problem).

That said, the current navbar in the FSharp.Formatting template could probably be simplified. I will experiment as I have time.

[dsyme]

Thank you! that's great