Ввод, не отображающий текст после первой буквы

Question

Я создаю мобильное веб-приложение и формы ввода, которые я сделал в настоящее время, не отображают текст после первой буквы. После любого прокрутки или касания букв, отображаемых в поле,

Я создаю приложение в Framework7, хотя ни один из атрибутов из фреймворка не способствует этому конкретному разделу, насколько я знаю.

Кто-нибудь знает, что здесь происходит? ничего не могу найти связанный помочь

.input 
padding: 0; 
margin: 0; 
width: 100%; 
padding-left: 1em; 
color: rgba(0, 0, 0, 0.87); 

-webkit-transition: color .1s ease, border-color .1s ease; 
transition: color .1s ease, border-color .1s ease; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
border-radius: 50px; 
padding: 0.6em 0.9em; 
border: 1px solid rgba(34, 36, 38, 0.15); 
font-family: "Avenir-Next-Reg", Arial, Sans Serif; 

-webkit-transition: all 0.50s ease-in-out; 
-moz-transition: all 0.50s ease-in-out; 
-ms-transition: all 0.50s ease-in-out; 
-o-transition: all 0.50s ease-in-out; 

iphone Safari example

Answer 1

У меня была та же проблема, ранее сегодня. Проверьте, есть ли у вас

-webkit-user-select: none;

унаследовано на входе, и если удаляем его