Number slider is broken for the number.

[ievgennaida]

Prerequisites

1. Open numbers example in chrome.
2. Select material UI style.
3. Selected Number Range:

https://rjsf-team.github.io/react-jsonschema-form/

4. See that drag not working with the material UI.

Expected behavior

drag for the range slider should work.

[ps1x]

As a temporary fix one could use something like this:

function CustomRangeFix(props) {
  const { value, onChange } = props
  return (
    <Slider
      aria-label="Volume"
      value={value}
      valueLabelDisplay="auto"
      onChange={(e, b) => onChange(b)}
    />
  )
}

const widgets = {
  range: CustomRangeFix,
}

Then use react component with widgets props:

<Form widgets={widgets} .... />

[OneAirOne]

Hello,
I used the solution of @ps1x by using a custom widget for the slider.
I would like to know if it will be solved in the further Release ?
Thank's in advance

[JonCatmull]

I have added a PR to fix this: #3297