When Slider is disabled, the value label is slightly off to the right in the React Material UI library.

Shama Ahlawat
1 min readOct 12, 2020

Olivier Tassinari

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 Behaviour — The value label for a disabled Slider is positioned slightly to the right.

Expected behavior — The value label should be centered.

Steps to reproduce

1. Use valueLabelDisplay="on" to make the value label visible all the time

2. Use disabled={true}

Check the code below

Output:

--

--

Shama Ahlawat

I am Software Developer and i am working for startup ecosystem. Fashion is my passion.I want to contribute to the world before I die.