Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Slider] Show the value label when hover the slider instead of the thumb #27219

Closed
1 of 2 tasks
Santosh-13 opened this issue Jul 10, 2021 · 12 comments
Closed
1 of 2 tasks
Labels
component: slider This is the name of the generic UI component, not the React module! waiting for 👍 Waiting for upvotes

Comments

@Santosh-13
Copy link

Santosh-13 commented Jul 10, 2021

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

While hovering on slider, not able to see the tooltip

Expected Behavior 🤔

There should be prop or someway, i need to tell the slider that it should show the tooltip anywhere i hover on the slider.

Steps to Reproduce 🕹

Steps:
here in the image uploaded, i am hovering on 100, but not able to see the tooltip.
image
https://codesandbox.io/s/9i6il

Context 🔦

Your Environment 🌎

`npx @material-ui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @material-ui/envinfo` goes here.
@Santosh-13 Santosh-13 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jul 10, 2021
@oliviertassinari oliviertassinari added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jul 10, 2021
@oliviertassinari
Copy link
Member

Please follow our issue template.

@oliviertassinari oliviertassinari added the component: slider This is the name of the generic UI component, not the React module! label Jul 10, 2021
@Santosh-13
Copy link
Author

what is issue template?

@oliviertassinari
Copy link
Member

The one you have followed in #26240

@Santosh-13
Copy link
Author

oh ok that one, will do. I forgot that completely

@michal-perlakowski
Copy link
Contributor

@Santosh-13 What is the use case for this behavior?

@Santosh-13
Copy link
Author

@michal-perlakowski I want the user to know the point where they are going to click, so for that reason it could be better to show the information to the user on hover.

@eps1lon
Copy link
Member

eps1lon commented Jul 14, 2021

codesandbox.io/s/9i6il

That codesandbox does not contain any Tooltip. Did you forget to save the codesandbox?

@Santosh-13
Copy link
Author

image
the tooltip comes by default with the slider, while hovering on the seleted point

@oliviertassinari
Copy link
Member

Then it looks expected. The toolitp is only visible when the thumb is hovered. I would suggest we close as "won't fix".

@Santosh-13
Copy link
Author

image
the tooltip comes by default with the slider, while hovering on the seleted point

When the dot is set at 40 and i hover on 40 i am able to see the tooltip at 40, but when the dot is set at 40 and i hover on 100 i dont see a tooltip at 100.

@oliviertassinari oliviertassinari added out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) and removed status: waiting for author Issue with insufficient information labels Jul 14, 2021
@oliviertassinari
Copy link
Member

oliviertassinari commented Jul 14, 2021

See the docs, this is not a bug:

Capture d’écran 2021-07-14 à 16 11 16

https://material-ui.com/api/slider/

I'm closing as the GitHub issue report is confused. This doesn't give a strong signal of the quality of the feedback. We can wait for more feedback (upvotes) to clear the signal vs. noise.

@oliviertassinari oliviertassinari changed the title While hovering on slider, not able to see the tooltip [Slider] Show the value label when hover the slider instead of the thumb Jul 14, 2021
@oliviertassinari oliviertassinari added waiting for 👍 Waiting for upvotes and removed out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) labels Jul 14, 2021
@Santosh-13
Copy link
Author

image

This is from a youtube video, where the dot is at 0 sec, and when I hover on any other place except that dot I can see the value or the time, which I am going to click. I don't think any parameter for this is present.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: slider This is the name of the generic UI component, not the React module! waiting for 👍 Waiting for upvotes
Projects
None yet
Development

No branches or pull requests

4 participants