Comportamiento actual: el evento IonOnChange para IonInput se activa dos veces al retroceder 1 carácter.
Versión: "@ionic/react": "5.6.11",
Comportamiento esperado: cuando el valor es 1 carácter y se presiona la tecla de retroceso, el valor de entrada debe estar vacío.
Pasos para reproducir: si ingreso 10 caracteres, digamos "cadena aleatoria", en la entrada, el valor ahora es una cadena aleatoria y luego presiono la tecla de retroceso para borrar completamente el valor dentro del campo de entrada, el evento onChange se dispara y la entrada está vacía, luego El evento onChange se activa por segunda vez con el valor de "r" (o el carácter anterior) y la entrada vuelve a "r" (o el carácter anterior). Si sigo presionando la tecla de retroceso repetidamente, sucede lo mismo hasta que finalmente se borra la entrada.
Código relacionado:
<IonInput style={{ border: "1px solid black" }} onIonChange={handlePostcodeChange} value={postCodeInputValue} placeholder="Postcode" pattern="/^[a-z0-9]+$/i" maxlength={10} type="text" />Enlace de código reproducible: Enlace CodeSandbox
ACTUALIZACIÓN: este es un problema en ionic, y también he planteado el error. https://github.com/ionic-team/ionic-framework/issues/25287