[Bug]: Slider Thumb jumps when dragging from the edges

[Fuzzyma]

Environment

Developement/Production OS: Windows 10 19043.1110
Node version: 22.2.0
Package manager: [email protected]
Radix Vue version: 1.9.6
Vue version: 3.5.13
CSS framework: [email protected]
Client OS: Windows 10 19043.1110
Browser: FF 134.0

Link to minimal reproduction

https://www.radix-vue.com/components/slider.html

Steps to reproduce

The slider being on the very left edge:

• click on the thumb at the right most edge and drag it
• see it jumping

The slider being on the very right edge

• click on the thumb at the left most edge and drag it
• see it jumping

Describe the bug

The thumb and value of the slider jumps because the mouse anchor is not fixed to the thumb,

Expected behavior

The thumb should either always be centered with the mouse (hence a little jump) or the mouse position on the thumb should stay static relative to it. When I just mousedown on the thumb and drag it, I expect it to go smooth so I can change my value from 0 to 0.1. However, right now, it jumps from 0 to 5 immediately and i have to carefully drag it bag. (numbers are made up)

Context & Screenshots (if applicable)

No response

[zernonia]

@Fuzzyma can you attached a video to this specific issue?