My current project involves creating a sliding effect with smooth scrolling using CSS, but I've encountered an issue when the 'mouseup' event triggers. The scroll-behavior: smooth; animation that I implemented doesn't behave as expected. I tried adding transitions in my React code to address the problem, but it didn't work.
The desired outcome is for the panel to smoothly animated scroll while dragging the cursor. However, what actually happens is that upon releasing the cursor, the scroll animates rapidly instead of smoothly. I hope this explanation clarifies the issue.