Setting user-select to none for <Slider.Label> when clicking Inside <Slider.Root>
nix6839 opened this issue · comments
Description
I expected that the content of <Slider.Label> could be dragged and copied. However, user-select: none is forcefully set, preventing me from dragging.
Link to Reproduction (or Detailed Explanation)
https://codesandbox.io/p/devbox/beautiful-wright-y3rdcf?file=%2Fsrc%2FApp.tsx
Steps to Reproduce
- Go to reproduction link
- Drag text "Can't drag this label"
- You can't drag that
Ark UI Version
2.2.0
Framework
- React
- Solid
- Vue
Browser
No response
Additional Information
No response
This is an intentional design decision on our part. What's the use case for this scenario?
Here's how you can revert that:
<Slider.Label style={{userSelect: "unset"}}>Can't drag this label</Slider.Label>