primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Input Number: Avoid Number Zero as First Character

Open rafa-movista opened this issue 2 months ago • 0 comments

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.

rafa-movista avatar Nov 17 '25 12:11 rafa-movista