italia / italia/design-angular-kit

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

Open
#756 2 comments 1 reaction 0 assignees View on GitHub
Dominant language
TypeScript
Stars
86
Forks
45
PR merge metrics
No merged PRs in 30d

Description

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

- [x] 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_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.