Page MenuHomePhabricator

Sidebar scrollbar should collapse with the sidebar
Closed, InvalidPublic

Description

List of steps to reproduce

What happens?:
The scrollbar for the sidebar stays visible even when the sidebar is collapsed

What should have happened instead?:
The scrollbar should have collapsed with the sidebar

This looks ugly, as the scrollbar is a full third of the collapsed sidebar and clips over the sidebar icons.

Software version:
v0.1.0-d9e475d

Event Timeline

@Asartea can you attach a screen shot of what you are seeing here and give us some information about your browser and, if you know it, your viewport size? I am unable to recreate any scrollbar in the menu drawer and do see the drawer as collapsed on initial page load. My hunch is that this is going to turn out to be related to either the browser version/html rendering engine or to the size of the viewport (window) that the app is rendering into.

@bd808
I'm looking at this on a laptop running version 91.0.4472.164 of Google Chrome, and I'm seeing this on pageload:

Schermopname (241).png (1×1 px, 182 KB)

I cannot recreate either scrollbar display with Chrome 91.0.4472.114 (OS X) locally.

When I size my browser to something similar to the vertical height shown in the screenshot from T286860#7220361 there is content that is "below the fold" in both the main view area (the bottom of the featured list content) and the navigation drawer (documentation and git revision links). The scrollbars do not appear for me however when not actively scrolling.

Screen Shot 2021-07-20 at 11.07.27 AM.png (781×1 px, 224 KB)

Closing do to lack of reproduction case. If someone can consistently reproduce this misbehavior, please do reopen with your reproduction criteria. I don't know of anything special Toolhub does with the navigation menu that would deviate from the upstream Vuetify library, so it feels that if there is a bug here it is an upstream one. With a reproduction case in hand we might be able to confirm or disprove that this is normal behavior with a v-navigation-drawer and 'below the fold' content in that reproduction case.