Getting error when selecting autofill value in prime react input number component

[skyworth01]

I am getting an error when i try to select a autofill value

I am using prime react inputnumber component

when i debug ,there is no value in event.Even if to turn off autocomplete ,there is no option for that in input number

How to solve this?

[melloware]

Do you mean like browser autofill like this: primefaces/primereact#6345 ?

[skyworth01]

Yes.If there was an option to turn off autocomplete,it could be solved.Is there any other way

[melloware]

@skyworth01 you can use Passthrough attributes like this...

<InputNumber  value={value1} onValueChange={(e) => setValue1(e.value)} pt={{ input: { root: { autocomplete: 'off' } } }} />

Renders this...

<span class="p-inputnumber p-component p-inputwrapper p-inputwrapper-filled" data-pc-name="inputnumber" data-pc-section="root">
<input class="p-inputnumber-input p-inputtext p-component p-filled" 
id="integeronly" 
role="spinbutton" 
type="text"
 inputmode="numeric" 
aria-valuenow="42723" 
data-pc-name="inputtext"
 data-pc-section="root" 
value="42,723" 
autocomplete="off">
</span>

[skyworth01]

@melloware Thank you,Initially I thought about this,but this property was not showing in suggestions,so I thought it won't work.

Thanks again.