How to activate scrollbars on the Offcanvas element?

I am making a mobile menu with the off canvas element. I am using the Accordion Nestable element to add the menu items. I can’t get any scroll bars on the off canvas element. When one of the accordion items is opened it has inside it a lot of links that should trigger the scroll bars to appear on the offcanvas element… but as they don’t the entire content just disappears for some reason.

How do I turn the scrollbars on please?

Does it work when you apply overflow-y: auto; to the container (div) that contains the accordion?

I think this might be a bug! I have similar issue with the off-canvas content div not being able to scroll. Here’s what the contents tree looks like:

Screenshot 2024-01-27 at 5.06.18 PM

@friiitz I’ve tried the following:

%root% {
  overflow-y: auto;
}
%root% {
  overflow-y: scroll;
  overflow-x: hidden;
}

@Jules I found this thread has the solution we were looking for (Scrolling in off canvas - #2 by Sebastien)

TLDR;

%root% {
  overflow-y: scroll;
  flex-wrap: nowrap;
}
1 Like