Mouse Gets Stuck Scrolling in the Splitter Pane

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 08 Feb 2023 13:08 by ADMIN

Joe

Created on: 01 Feb 2023 16:43

Category: Splitter

Type: Bug Report

Mouse Gets Stuck Scrolling in the Splitter Pane

Hello,

I'm currently using the Splitter Pane in a UI where I have two grids (one is a config grid and one is a report). The splitter allows me to resize each section vertically to see more of the report or the grid. It works well, but there is a bug I've noticed where if I click and drag it to the end and scroll past (making it 100%), even though I've released my finger from clicking, when my mouse scrolls back into the pane, it will be stuck scrolling as if my finger was still clicking the mouse button. It results in very weird behavior. If you allow the pane to go to 100% it is very difficult to not have this experience. My only way to mitigating is not allowing it to scroll as far, but it still still happens if you scroll outside of the pane fast enough.

If you go to your example here, you can witness the same issue.
https://docs.telerik.com/blazor-ui/components/splitter/size

Any idea on a way to mitigate this? I think if the mouse leaves the pane, it should stay where it was scrolled to and assume you are no longer scrolling. It is a great component otherwise!

Thanks!

2 comments

ADMIN

Hristian Stefanov

Posted on: 08 Feb 2023 13:08

Hi Joe,

Thank you once again for reporting the issue.

I'm changing the status of this item as it is a confirmed bug.

Regards,
Hristian Stefanov
Progress Telerik

Learn about the important changes coming in UI for Blazor 4.0 in January 2023!

Joe

Posted on: 01 Feb 2023 17:00

After further testing, it is not about scrolling past the pane too quickly. If you scroll at any speed and you're still pressing down on the mouse, you will have this experience upon your mouse going back into the pane. Naturally you scroll to places on a screen quickly too, so the pane then resizes very aggressively and then you naturally react to that unexpected behavior by scrolling further, so it just goes all over the place.

In any case, once the component no longer has focus and regains focus, it would ideally reset the fact that it is scrolling (assuming the mouse is not still being held). Else it is very difficult to make a pane 100% without experiencing this issue.