When the last two days doing mobile terminal event page, encountered a problem: IOS system, input micro-channel mobile terminals can not enter the local environment and the Android phones are not the problem.
This is embarrassing, and then search on the net, some people said it might be due to user-select, I checked their less, really have the relevant reset code.
So why add the following phrase it?
input, textarea { -webkit-user-select: none; }
In fact, it is used to prevent users from copying selection.
This is a bug in webkit browser kernel, specifically refer to this article :( https://bugs.webkit.org/show_bug.cgi?id=82692 )
prevents the user's selection behavior will lead to some "content editable "tag does not work properly, such as input, textarea.
How to solve?
If the user selects the content prohibited copying needs, then you can rule out the use css not out input and textarea tag, if not the demand, with the following code coverage can be friends:
[contenteditable="true"], input, textarea {
-webkit-user-select: auto!important;
-khtml-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
-o-user-select: auto!important;
user-select: auto!important;
}