Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Input Number: Avoid Number Zero as First Character

Abierto
  • ¿Algo no está bien?
#8,394 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
react
Área
frontend

Línea de trabajo

Comienza con el reproductor reproducible enlazado de StackBlitz y con el comportamiento de los eventos y del valor controlado del componente InputNumber. Traza cómo se formatea un 0 como primer carácter antes de que se ejecute el callback personalizado. La tarea estará terminada cuando los usuarios puedan evitar que aparezca el 0.00 inicial o puedan controlar el valor de forma fiable antes de que se actualice la UI, con este comportamiento cubierto por una prueba de regresión.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Status: Needs Triage
Describe the bug

I'm not sure whether this is the intended behavior or a bug, but I need to prevent users from inserting 0 as the first character when entering currency values. In this scenario, users should not be able to type or see 0.00 as the initial UI value.

Currently, I cannot find a way to intercept or override the component’s internal onChange behavior. It appears that the input triggers its own change handling regardless of any custom onChange logic I pass.

For example, in this StackBlitz demo: https://stackblitz.com/edit/1vp6gkfe?file=src%2FApp.jsx

the first input has no onChange handler, yet typing still updates the UI. This suggests the component always processes the input internally before (or instead of) delegating to the user-provided handler.

I also tried:

  • Making the component fully controlled with useState
  • Using useRef + manually attaching event listeners to the underlying

…but none of these approaches prevented the initial 0.00 from appearing.

Is there a recommended way to block the first character from being 0, or to fully control the formatting/validation before the UI updates?

Reproducer

https://stackblitz.com/edit/1vp6gkfe?file=src%2FApp.jsx

System Information
System:
    OS: Linux 6.14 Ubuntu 24.04.3 LTS 24.04.3 LTS (Noble Numbat)
    CPU: (16) x64 13th Gen Intel(R) Core(TM) i7-13620H
    Memory: 46.15 GB / 62.54 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 22.21.1 - /home/rrs/.nvm/versions/node/v22.21.1/bin/node
    npm: 10.9.4 - /home/rrs/.nvm/versions/node/v22.21.1/bin/npm
    pnpm: 10.13.1 - /home/rrs/.nvm/versions/node/v22.21.1/bin/pnpm
  Browsers:
    Chrome: 142.0.7444.134
    Firefox: 145.0
    Firefox Developer Edition: 145.0
  npmPackages:
    primereact: ^10.9.0 => 10.9.1 
    react: 19.0.0 => 19.0.0 
    tailwindcss: ^3 => 3.4.16
Steps to reproduce the behavior

Type 0 as the first character.

Expected behavior

If users type 0 as the first character, UI shouldn't show it. It not necessary need to be character 0, I just need a way to trigger my own onChange or onValueChanged method.

Lenguaje dominante
CSS
Estrellas
8.3k
Forks
1.2k
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de primefaces/primereact

Todos los issues de primefaces/primereact

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.