How to prevent scrolling whenever hovered on another ScrollingFrame?

So I’m making a world creation GUI, and I have this dropdown menu which is a ScrollingFrame. However, whenever I reach the end of the dropdown after I finish scrolling this happens:

scroll

Is there any way to fix this? This has the potential to be a seriously annoying UX issue that I should address rather than later.

set the Active property of the frames to true

Just tried that, it creates a similar problem. Even if you bind that to every renderstep it still has this problem in one way or another.

What are you talking about, why are you bringing renderstepped into this? Setting it to true on both works. The outer frame will not scroll unless you scroll down while the inner frame is fully scrolled, and that’s expected. ScrollTest.rbxl (18.1 KB)

I think it’s normal behavior, but if you really don’t want it to happen you can shrink the bigger ScrollingFrame’s CanvasSize when your mouse hovers over the smaller one, and change it back when it leaves its area:
MouseEnter
MouseLeave

That’s after setting active to true, he edited it. I too don’t see the problem, is expected

Like the reply above mine, I was going to suggest scripting too. MouseEnter on inner → set ScrollingEnabled of outer to false and MouseLeave → set true.

This will lock scrolling of the outer while your mouse is on the inner frame. Though what’s happening now is normal.