Skip to content

[Bug] UI Validazione form non funziona correttamente in versione 21 #756

Description

@SergheiGurgurov

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • Ho verificato e non esiste

Versione della libreria

21.2.0

Cosa

Nell'immagine che segue vengono affiancate due versioni del webkit,
la prima è la 1.0.3 per angular 17 (non più supportata)
la seconda è la 21.2.0 per angular 21 (la più recente)

nella versione più recente non sembra venir gestita correttamente la validazione dei campi input.

seppure nel modello dei reactive forms il control sia correttamente riconosciuto come NON VALIDO, non viene applicato lo stile UI che lo indentifica come tale.

stessa cosa si riscontra nel marcare il contanuto come valido (spunta verde).

altra cosa singolare è che in entrambe le versioni non viene aggiornata la proprietà "touched" del control.

esistono indicazioni speciali per far funzionare la validazione nella nuova versione?
sono documentate da qualche parte?

URL StackBlitz che riproduce l'anomalia:
https://stackblitz.com/edit/stackblitz-starters-knueqxe7?file=src%2Fapp%2Fapp.ts

Image

Workaround

l'unico workaround trovato è stato quello di invocare manualmente markAsTouched sul control interessato. ma non è considerabile risolutivo.

per gestire correttamente gli stati semantici del form sarebbe necessario per OGNI SINGOLO CONTROL agganciarsi all'observable "valueChanges" e invocare manualmente "markAsTouched" nel caso in cui il change provenga da un interazione dell'utente.

la necessità di utilizzo del workaround, oltre a peggiorare la manutenibilità dell'applicazione, costituisce una regressione rispetto a versioni precedenti.

Perché

non funzionando correttamente la logica di validazione vengono automaticamente falliti diversi criteri di accessibilità obbligatori per i clienti istituizonali che fanno uso del kit.

Contesto

No response

Altro

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions