Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Input field bug on IOS - text turns white

Tags:

html

css

ios

iphone

I am working on a website and stumbled upon this bug

In the moment I start typing in the input field the first letter is with normal color but all the others are becoming white so you cannot see what you are typing. It is the same for Chrome and Safari

If I scroll the page up or down it is getting fixed.

Here is a screenshot

enter image description here

Anyone any idea ?

UPDATE: I found the reason, I use -webkit-overflow-scrolling: touch; If I remove it the inputs are working find but I need the scroll: touch because otherwise the site scrolls really weirdly and stucks

like image 585
user43506 Avatar asked Jun 28 '17 06:06

user43506


1 Answers

I had the same issue with a textarea. What helped me to solve it is to add a:

transform: translateZ(0);

on the textarea. Give it a shot.

like image 114
freese Avatar answered Nov 08 '22 13:11

freese