Safari girişi/textarea'da sürekli olarak görünen alt imleç genişliği dikey çubuğu

Question

Safari 9.0.3'te Mac OS X El Capitan, sayfalarimdan birinde, tüm girdiler ve textarea öğeleri odaklandığında bu davranışı gösterir: dikey Öğenin sol tarafında sürekli olarak görünür, giriş imlecinden daha geniş bir şekilde kalın.

Öğe odaklandığında, imleç yanıp söner, yani yanar ve söner.

imleç üzerindedir: Bu yüzden her ikisi için 2 ekran sürdü

imleç olduğunu kapalı:

nereye imleç 2 görüntüde görebileceğiniz gibi kapalı, orada hala dikey bir çubuk var, öğe odaklandığında asla kaybolmaz.

Tarayıcıdaki kuralları tek tek değiştirerek hangi CSS kurallarının soruna neden olduğunu bulmaya çalıştım. Yazı tipi boyutu olduğu ortaya çıktı. Ancak şu ki: bu sorun sadece yazı tipi boyutu belirli bir değere (benim durumumda 14px) ayarlandığında gerçekleşir. Yazı tipi boyutunu diğer değerlere ayarlamak çubuğun kaybolmasına neden olur.

Bu, diğer önemli tarayıcılarda bulunmaz.

Bunu gören başka biri var mı? Bu bir Safari hatası mı?

Answer 1

Safari 10.1.2'de benzer bir sorun yaşadım. Giriş alanını tıklayıp daha sonra başka bir yere tıkladıktan sonra alan boş ve odak dışı kaldı, çubuk kaldı. Yazı tipi boyutunu ayarlamak için çözümünüz işe yaramadı, ama benim durumumda giriş elemanına uygulanan text-align: center; kuralının nedeni buydu. Her şey text-align: left;'a geçtikten sonra iyi çalışıyor.