[onChange] value not change when i delete negative symbol on textbox with backspace

version 4.0.8

When typing the following: '1 then ‘2’ then ‘-’, or ‘-’ then ‘1’ then ‘2’ It would display as ‘-12’.

but when i delete negative symbol with backspace, that value cannot be change and still -12 not 12

im using onChange props

[mklosterboer]

As a workaround, I decided to use onValueChange() only if the user is removing the negative from a number. Here is a sandbox with this working or see below for the code snippet inside our formatter wrapper.

const handleOnChange = (e) => {
    var floatValue = getFloatFromFormattedNumberString(e.target.value);
    onValueChange(floatValue ?? null);
};

const handleOnValueChange = ({ floatValue }) => {
    // value was previously negative, and the user is removing the negative
    if (value.toString().charAt(0) === "-" && floatValue >= 0) {
        onValueChange(floatValue);
    }
}

[mackankowski]

Hey all,

Nothing works but this:

const [value, setValue] = useState();

<NumberFormat
            onValueChange={({ value }) => {
              setValue(value)
            }}
            value={ value }
            ....

Any other conclusions? If not, let me try to commit the fix pretty soon…

Best regards, Maciej