14 | 5月 | 2015 | LOGSTACK

テキストボックス<input type=”text”>で、入力が出来ない問題

適当にWebViewで下記のソースを読み込み、

<input type="text">

1	<input type="text">

テキストボックスが表示されます。

で、フォーカスを合わせると、キーボードは表示されるのに、なぜか文字が入力できないという問題がありました。
しばし悩んだ結果、スタイルに下記を発見

* {
 -webkit-user-select : none;
 -webkit-touch-callout : none;
}

* {

-webkit-user-select : none;

-webkit-touch-callout : none;

}

この中の、”-webkit-user-select” でコンテンツを選択できないようにしているのですが、
入力エリアへの入力も出来なくなっていたようでした。

で、inputとtextareaへは別途指示するように修正してうまくいきました。

* {
 -webkit-user-select : none;
 -webkit-touch-callout : none;
}
input, textarea {
 -webkit-user-select : auto;
}

* {

-webkit-user-select : none;

-webkit-touch-callout : none;

}

input, textarea {

-webkit-user-select : auto;

}

iOSで、UIWebViewベースで作成している時の話なので、
Androidだとどうなんかわからん感じ