chakra-ui Number Slider does not work with mouse inputs in playground

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• 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

1. checkout the rjsf-v6 branch
2. npm install
3. cd packages/playground/
4. npm start
5. open the Numbers tab and select chakra-ui theme

Environment

- OS: macOS 15
- Node: 22
- npm: 10

Anything else?