[Slider] Show value tooltip when hovering a slider thumb with disableSwap true

[NPetz]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

Hovering on a slider thumb should make a tooltip with the thumb's value pop out when valueLabelDisplay is set to auto and disableSwap is set. Just like it does when disableSwap is not set.

Examples 🌈

https://codesandbox.io/s/pensive-dream-w91mx?file=/src/App.js

In this example, the only difference between the two sliders is that disableSwap is set on the second one.
A tooltip showing the value of the thumb should pop out when hovering on the thumb regardless of whether disableSwap is set or not.

Motivation 🔦

I don't think that setting disableSwap should change the behavior of valueLabelDisplay.
It is unexpected and makes disableSwap unusable when you need to maintain the ability to show the thumbs' value on hover.

I thought it was a bug at first, but it seem it may have been the intended behavior (#25547 (review)), so I'm filing a feature request instead.

I could take a stab at it.

[mnajdova]

I agree with your expectation. I think that if valueLabelDisplay is 'auto' it should show the value label when hovering over the thumb, regardless of the disableSwap value. Maybe we should handle the hover separately. Feel free to start with the changes, I can help with the review.

[NPetz]

@mnajdova

So, I created a draft pull request!

#30761

I'm not so sure what is the intended behavior of the labels.
I made it so that when disabledSwap is set you can only ever see one label at a time. Should this behavior be true at anytime?

Thanks in advance!

[NPetz]

@mnajdova

Hello!

I've made another change to the pull request and marked it ready for review.

I would appreciate it if you could check when you have time!

Thanks in advance!

[totszwai]

Maybe you could also fix the broken disableSwap here too
#32381