Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

getAriaValueText on Slider not working

See original GitHub issue

The getAriaValueText prop doesn’t work for Slider even in the examples of the docs.

This is not a v0.x issue.
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

When function is provided on getAriaValueText prop for Slider, it should display the return string value in the label.

Current Behavior 😯

Right now it is showing value in the label which shouldn’t be the case.

Steps to Reproduce 🕹

Link:

https://codesandbox.io/s/5r8pi

Context 🔦

I am trying to show the selected value as label on slider.

Your Environment 🌎

Tech	Version
Material-UI	v4.3.0
React	16.8
Browser	Chrome
TypeScript	x
etc.

Issue Analytics

State:
Created 4 years ago
Reactions:3
Comments:8 (1 by maintainers)

Top GitHub Comments

13reactions

joshwoodingcommented, Jul 29, 2019

@junaidatique getAriaValueText affects the aria-valuetext attribute (https://github.com/mui-org/material-ui/blob/ede30a5a0af518e780414bd853b93bb275863f48/packages/material-ui/src/Slider/Slider.js#L700) maybe you’re looking for the valueLabelFormat prop?

6reactions

support[bot]commented, Jul 29, 2019

👋 Thanks for using Material-UI!

We use the issue tracker exclusively for bug reports and feature requests, however, this issue appears to be a support request or question. Please ask on StackOverflow where the community will do their best to help. There is a “material-ui” tag that you can use to tag your question.

If you would like to link from here to your question on SO, it will help others find it. If your issues is confirmed as a bug, you are welcome to reopen the issue using the issue template.

Top Results From Across the Web

getAriaValueText on Slider not working · Issue #16798 - GitHub

The getAriaValueText prop doesn't work for Slider even in the examples of the docs. This is not a v0.x issue. I have searched...

getAriaValueText of the Slider from material ui has no effect

getAriaValueText adds a aria-valuetext attribute to the generated slider markup and shows the updated value of the slider for assistive ...

React Slider component - Material UI - MUI

Slider. Sliders allow users to make selections from a range of values. Sliders reflect a range of values along a bar, from which...

How to use Reactjs Material-UI Slider component

We need to add two props for showing a tooltip. valueLabelDisplay and getAriaValueText. valueLabelDisplay handlers when to show the tooltip and ...

Slider: Spectrum Web Components - Adobe Open Source

import '@spectrum-web-components/slider/sp-slider.js'; ... loaded via a dynamic import to reduce JS payload for applications not leveraging this feature.