Sucede que tengo el siguiente input de un formulario, trabajando con framework7 y vuejs.
<f7-list-input
outline
label="Nombre"
floating-label
type="text"
:value="usuario.nombre"
@input="usuario.nombre = $event.target.value"
placeholder="Nombre"
clear-button
autocomplete="new-user"
required
validate
error-message="Debe ingresar un nombre"
>
<f7-icon slot="media" icon="fas fa-user-alt" size="25px"></f7-icon>
</f7-list-input>
Trabajando con la validación de la documentación.
Efectivamente al inicio se realiza bien la validación: Ejemplo del input: antes de validar:
Input validando:
Al ingresar un texto para que desaparezca que es obligatorio ingresar texto sucede lo siguiente:
Desaparece la sombra en rojo, pero permanece el texto "Debe ingresar un nombre".
¿Que podrá ser el error? ya que al ingresar texto debe desaparecer el texto también.
Muchas gracias.