0
169
ViewsAl hacer clic en la flecha hacia arriba en una entrada de número de IMask de reacción, se interrumpe el safari
Tengo una entrada de número entero usando react-imask, que funciona bien en Google Chrome. Sin embargo, en Safari, cuando hago clic en las flechas sin centrarme primero en la entrada (digamos de 10 a 11), agregará el nuevo valor al inicio de la entrada, es decir, 1110.
Estos son mis accesorios que se pasan:
<InputInteger required={true} className={"w-[65px] text-center"} min={0} value={updatedStock} onChange={(e) => setUpdatedStock(parseInt(e.target.value))} />y este es el componente InputInteger:
<IMaskInput {...props} mask={Number} scale={0} lazy={false} min={props.min ?? 0} max={props.max ?? 9999} radix={"."} signed={false} mapToRadix={[","]} inputMode={"numeric"} value={props?.value?.toString()} onAccept={(value) => { if (!props.onChange) return; if (value === "0" && !props?.required) value = ""; const payload = { target: { value: value } }; return props.onChange(payload); }} onChange={undefined} /> 
Como se mencionó, esto solo parece ser un problema en un safari.
·
Juan Pablo Isaza
Answer question