add ignoreThumbOffset option

[bmichotte]

Feature request

I'm trying to implement the following design using the Slider component

Overview

Using the following code

<SliderPrimitive.Root
    [clip]
    defaultValue={[value]}
    max={steps}
    step={1}
>
    <SliderPrimitive.Thumb [clip]>
        <Bubble className="px-6 py-2 block">move me</Bubble>
    </SliderPrimitive.Thumb>
</SliderPrimitive.Root>

Which gives me the following result

CleanShot.2024-06-10.at.15.30.45.mp4

The guilty is the thumbInBoundsOffset on https://github.com/radix-ui/primitives/blob/af1e3b41cb5c49d7b8c073d2aec34d5074c6dd17/packages/react/slider/src/Slider.tsx#L586C58-L586C77

By adding the option ignoreThumbOffset on the <Thumb />, we could refactor the code
to be

const thumbInBoundsOffset = orientationSize && !ignoreThumbOffsfet
      ? getThumbInBoundsOffset(orientationSize, percent, orientation.direction)
      : 0;

And it would fix the issue

CleanShot.2024-06-10.at.15.40.58.mp4

[evadecker]

This would be fixed by the thumbAlignment proposal in #2806

[chaance]

Thanks for the contribution, but I think I favor the proposal in #2806. Keep posted there for updates!