Scroll bar in floating group side menu?

Need help Responsiveness
1

Hello,

I have a side bar menu that’s made with a floating group. The menu’s getting longer now and exceeds the page height. However, I am not able to introduce a scroll bar in the menu. I tried several ajustments here and there without success. I though the Allow vertical scrolling when content overflows setting of the parent group would have taken care of things, but not so.

Edit: the menu is a re-usable element that’s then added to a top-nav bar that’s also a re-usable element. The group Fill at the bottom of my menu is how I managed to get menu to stretch toward the bottom of the screen.

image
image893×885 38.5 KB

Fill group:

image
image968×913 43.3 KB

The posts I found here are from 2019 and 2021 pre-responsive and some of the items don’t seem to apply.

Any suggestions?

2

Don’t use min height of 3000 in group fill, just leave it empty

On group menu dropdown, set the allow vertical scrolling when content overflows. If that doesn’t work alone, set a max height of 100%

3

If I follow your suggestion the menu does not stretch to the bottom:

image
image439×601 21.6 KB

That’s because the menu is a re-useable element that’s set inside the nav-bar re-usable element, and the nav-bar is a floating group at the top.

4

You need to set height and width values on the reusable when you put it on a page or another reusable