Google Chromeでのブートストラップのテキストエリアの問題

Google Chromeで、私がブートストラップを使用しているときに、テキストエリアが正しく機能しません。Google Chromeでのブートストラップのテキストエリアの問題

例："fi"の場合、カーソルは "f"と "i"の間には決して行きません。 "fi |"から直接渡されます。~"| fi"。

私はいくつかのサンプルを作った、のための行動を参照している：ブートストラップ付き

：http://www.square-it.wtf/test-with-bootstrap
ブートストラップなし：http://www.square-it.wtf/test

サンプルコード：

<html> 
    <head> 
     <title>Test</title> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
    </head> 
    <body> 
     <h3>Textarea behavior <mark>with</mark> bootstrap</h3> 
     <textarea rows="5" cols="40">fi</textarea> 
    </body> 
</html>

をマイChromeバージョン50.0.2661.102（64ビット）

これは重要ではないようですが、私のウェブサイトの他の機能には完璧なテキストエリアの動作が必要です。

Chromeバージョンを更新せずにを修正する方法はありますか？（ユーザーに最新のChromeバージョンを強制することはできません）

ありがとうございました！

出典

2016-06-17 Lauriane

あなたはform-controlクラスを見逃しました。これを見てください：

<textarea name="" id="input" class="form-control" rows="3" required="required"></textarea>

出典

2016-06-17 07:47:38 claudios

残念ながら、それはフォームコントロールでうまくいきません... – Lauriane

Google Chromeでのブートストラップのテキストエリアの問題

答えて

関連する問題