SevkiBilge

Kullanıcı arayüzümdeki butonlar mobilde tıklanmıyor ne yapabilirim?

DenizOzberkDev
· 3 gün önce · 2 görüntülenme
Arkadaşlar merhaba, uzun süredir uğraştığım bir projede mobil uyumlulukla ilgili can sıkıcı bir sorun yaşıyorum. Web sürümünde her şey harika çalışıyor, butonlara tıklanıyor, hover efektleri falan tamam. Ama mobil cihazlarda (hem iOS hem Android'de test ettim) bazı butonlar tıklanmıyor ya da tıklama hissiyatı çok zayıf, bazen ikinci veya üçüncü denemede çalışıyor. Özellikle sayfanın alt kısmındaki CTA butonlarında bu sorun daha belirgin. Acaba başka kullanıcılar da benzer bir durumla karşılaştı mı? Nerede hata yapıyor olabilirim?

Kod tarafında z-index ve pointer-events gibi CSS özelliklerini kontrol ettim, görünürde bir çakışma yok. Butonları <button> elementi olarak kullanıyorum, <div> ya da <a> değil. Ayrıca mobilde touch-action: manipulation eklemeyi denedim ama yine tam çözüm olmadı. Belki de butonların üzerinde şeffaf bir katman var? Fakat Chrome DevTools'ta mobil görünümde incelediğimde böyle bir katman gözükmüyor. Sizce bu tür tıklama sorunlarının en yaygın sebepleri neler? Özellikle dokunma olayları (touch events) ile ilgili bir problem olabilir mi?

Son olarak, bir arkadaşım butonlara 300ms gecikme sorunu yaşadığını ve bu yüzden FastClick gibi bir kütüphane kullandığını söyledi. Modern tarayıcılar bu gecikmeyi çözmüş olsa da belki hala eski cihazlarda sıkıntı yaşıyorumdur. Ayrıca bazı butonların içinde başka elementler (ikon, span) var, bu da tıklamayı engelliyor olabilir mi? Deneyimlerinizi, çözüm önerilerinizi ya da test ettiğiniz farklı yöntemleri paylaşırsanız çok sevinirim. Şimdiden teşekkürler.
0 yanıt

Henüz yanıt bulunmuyor. İlk yanıtlayan siz olun!

Yanıt yazmak için giriş yapın.