Weird scrollbar behaviour for sl-tree

[steunix]

Describe the bug

I have an sl-tree inside a flex div container and a fixed-height. When it's first presented, everything works fine. When you start expanding some subitems, the scrollbar starts to behave weird: you cannot drag the thumb anymore, and if you try page up/down by clicking on the track the thumb moves "randomly", especially if you click one time the track below the thumb.

Not sure if this is due to Shoelace itself...

To Reproduce

See codepen below.

Demo

CodePen here

Browser / OS

• OS: Windows
• Browser: Chrome
• Browser version: 128

[akasht2509]

try to add overflow to <sl-tree>
.tree-overflow {
  max-height: 350px; 
  overflow-y: auto;
}