rjsf-team/react-jsonschema-form

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

Open

Aperta il 30 apr 2025

Vedi su GitHub
 (9 commenti) (0 reazioni) (0 assegnatari)TypeScript (13.175 star) (2136 fork)batch import
bugchakra-uihelp wanted

Descrizione

Prerequisites

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?

image

Guida contributor

Tech stack
reacttypescript
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
active
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
Gitnpm
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75
Direzione di ricerca
Indaga sul componente NumberSlider nel tema chakra ui, probabilmente in packages/theme chakra/src/NumberSlider. Il problema è che gli input del mouse non funzionano mentre quelli da tastiera sì. Controlla i gestori di eventi per gli eventi del mouse (es. onMouseDown, onMouseMove) e confrontali con la gestione degli eventi da tastiera. Verifica anche che il playground passi i props corretti allo slider. Rivedi i 9 commenti per eventuali indizi aggiuntivi o soluzioni proposte.