Scrollable area
How can i fix this layout? I have a global layout with grid areas: header, sidebar and main area.
Inside my main area, i need a scrollable area that streches automatically without affecting the global layout
Here is the source code https://codesandbox.io/p/github/lucaskfp/react-dnd-kanban/
3 Replies
overflow: auto on main and overflow-y-auto on the scrollable area ?
works perfectly, thank you
what should i study to understand this behavior?
you just need that the content that's inside the element is taller than the space you give it
and when that content spills out, it's called "overflow"
so, you can set the
overflow property (or the -x and -y variants) to control what will happen