Tooltip hover does not work on SliderThumb unless forced
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
### Provide a general summary of the issue here
The `SliderThumb` does not accept hover interactions from the `Tooltip` unless forced, even when attempting to use `TooltipTarget`. While you can force the tooltip to appear, using `onHoverChange` for instance, the tooltip does not respect the global tooltip timer, thus working in an opposing way to the rest of the application's tooltips.
When forcing the tooltip to appear, the hovered component is the hidden input and the tooltip appears ~45px to the right of the `SliderThumb`. In order to make the tooltip hover the appropriate visible component, the input must be resized.
### 🤔 Expected Behavior?
Tooltips should work with the hover interaction on the `SliderThumb` without being forced and should abide by the global tooltip timer. Tooltips should hover the `SliderThumb` component and not the input, positioning themselves correctly above the thumb, not the input.
### 😯 Current Behavior
The `SliderThumb` does not work with the Tooltip hover unless forced. When forced, the tooltip appears in right field, hovering above the invisible input.
### 💁 Possible Solution
Allow the tooltip hover to work with the `SliderThumb` component, or allow the `TooltipTarget` to work in conjunction with the Thumb. Tooltips should hover the `SliderThumb` parent component, not the hidden input.
This would allow developers and designers to create and use the components in a manner consistent with their own design systems and not restrict them to anti-patterns or an output they may not want/need.
### 🔦 Context
_No response_
### 🖥️ Steps to Reproduce
This example shows a tooltip with and without being forced on the SliderThumb component. It also shows that the tooltip is positioned above the input rather than the thumb.
https://codesandbox.io/p/sandbox/serene-brook-sqlqdv?file=%2Fsrc%2FApp.tsx
### Version
1.5.0
### What browsers are you seeing the problem on?
Firefox, Chrome, Safari
### If other, please specify.
_No response_
### What operating system are you using?
Sonoma 14.7.1
### 🧢 Your Company/Team
_No response_
### 🕷 Tracking Issue
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.