jQueryUI draggable and resizable

I'm trying to code a 'thumb' element on my https://psyliders.azurewebsites.net/PropTech page but am having many difficulties with dragging and resizing functionality. So far, I think the best way is using jQueryUI's draggable and resizable functions, but the mouse tracking is not aligned with the control. I noticed that the RadzenSidebar can offset it even more so I'm wondering if this is blazor interference and how to fix/work-around.

Video_2024-02-07_150441.zip (2.1 MB)

I am not familiar with the workings of jQueryUI's resizable / draggable but they could indeed be affected by elements with position: fixed. You can try appending the thumb to the body and see if it makes any difference.

Yes! Solution worked well.