[material-ui][Slider] form control state is not supported
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Steps to reproduce 🕹
Link to live example:https://codesandbox.io/s/48hw3f?file=/Demo.tsx
Steps: Go to any demo of mui slider docs page
- change Box -> FormControl
- set
disabledprop to FormControl. - slider is not disabled.
Current behavior 😯
slider's disabled is not affected by parent form control's state.
Expected behavior 🤔
Slider is also input element (already categorized 'Inputs' in mui docs) and native input also has 'range' type input.
as input element, I think it is expected behavior formControl's context state affect slider's state.
Context 🔦
I'm making FormFieldset using FormControl component, which can have multiple sliders ,textField, ... an etc input element.
Your environment 🌎
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox and reproduce the behavior by replacing Box with FormControl and setting disabled. Then trace the Slider and FormControl components to determine whether the form-control state is propagated; done means a disabled FormControl also disables its Slider without requiring a separate Slider prop.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100