So I have a component which renders out multiple items inside of a <PerfectScrollBar></PerfectScrollBar>. And since there are a lot of items, it overflows where overflow-y would be set to scroll. However, I'm confused on how to use overflow-behaviour: contain so that when I scroll all the way to the top/bottom, it won't chain scroll to the parent element? What I have is roughly something like this but it isn't working:
<div style={{ overflowBehvaiour: "contain" }}>
<PerfectScrollBar>
{items.map...}
</PerfectScrollBar>
</div>
