react-jsonschema-form
react-jsonschema-form copied to clipboard
chakra-ui Number Slider does not work with mouse inputs in playground
Prerequisites
- [x] I have searched the existing issues
- [x] I understand that providing a SSCCE example is tremendously useful to the maintainers.
- [x] I have read the documentation
- [x] Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.
What theme are you using?
chakra-ui
Version
6.x
Current Behavior
The number slider of charka-ui does not work inside the playground demo page.
You will see that the slider does not work with mouse-input. However it will work with arrow keys (keyboard input) or with modifying the formData directly in the <textarea>.
Expected Behavior
The slider should work with mouse inputs
Steps To Reproduce
- checkout the
rjsf-v6branch npm installcd packages/playground/npm start- open the Numbers tab and select chakra-ui theme
Environment
- OS: macOS 15
- Node: 22
- npm: 10