[ColorPicker] Support ref as prop, make input editable, and fix pointer events
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza localizando los puntos de entrada ColorPickerRoot, ColorPickerArea y ColorPickerInput, e inspecciona cómo se gestionan refs, el comportamiento readOnly de input y los listeners de pointermove/pointerup. Se considera terminado cuando los tres subcomponentes acepten refs, ColorPickerInput permita la edición directa de hex/rgb y ColorPickerArea limpie sus listeners de window al desmontarse.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Summary
Improvements to the ColorPicker component to add missing ref support and improve configurability.
Improvements
1. Missing ref prop support on multiple sub-components
ColorPickerRoot, ColorPickerArea, and ColorPickerInput don't accept ref as a prop.
2. ColorPickerInput is hardcoded readOnly
The input always renders as readOnly — users can't type in a hex/rgb value directly.
4. Manual pointer event handling in Area
ColorPickerArea manually manages pointermove/pointerup window event listeners. These should be cleaned up properly on unmount.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Replace hardcoded CSS values with design tokens (#672)
- Lenguaje dominante
- TypeScript
- Estrellas
- 70
- Forks
- 13
- Merge medio
- 4 d 6 h
- PR fusionados (30 d)
- 10
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de raystack/apsara
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 75/100
-
Docs: hand-duplicated props tables drift risk, missing a11y sections, no per-component changelog Abiertoenhancement global
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
-
bug global
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
Todos los issues de raystack/apsara
Issues similares
-
blocklist removal
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
MetaMask/eth-phishing-detect#296544 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
pastelsky/bundlephobia#1122 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
category/development priority/P2 scope/file-operations scope/testing type/enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100