Ah, pesky :hovers. They're terrible on touch devices, for so many reasons..
Remove this and see if it helps.
.chatInputContainer:hover .image {
display: block
}
Then you'll need to figure out a way to provide :hover
for desktops only.
Question
I'm not trying to auto focus on textarea, just when the user clicks on it. However it simply doesn't work sometimes. The user clicks on the textarea but no keyboard pops up. Why?
Try my website: http://162.243.161.127
on mobile safari. On the top menu click on chat, you should see a textarea that you can type in. Half the time focusing on it doesn't work. Where do I begin to debug, thanks.
Solution
Ah, pesky :hovers. They're terrible on touch devices, for so many reasons..
Remove this and see if it helps.
.chatInputContainer:hover .image {
display: block
}
Then you'll need to figure out a way to provide :hover
for desktops only.