でスタイルされた textarea を使用しoverflow:hidden
てスクロールを削除しています。ユーザーはこのテキスト領域にテキスト行を挿入できます。
問題はFirefoxにあります。テキストがテキストエリアの高さを超えると、新しい行がテキストエリアに表示されません。下矢印キーをクリックして表示する必要がありますが、他のブラウザーでは非常にうまく機能します。
つまり、Firefoxでスタイルを使用してテキストエリアに複数行を書き込むと、テキストエリアoverflow:hidden
の最後に到達するまで最初の行のみが表示され、残りは非表示になるため、カーソルを移動してそれらに到達する必要があります。
書いている行にカーソルを置き、この行をテキストエリアのビューに表示したい
javascriptは一切使いたくない
ここにサンプルコードがあります:
HTML:
<textarea></textarea>
CSS:
textarea{
overflow:hidden;
height:50px;
width:200px;
resize: none;
}
これがjsfiddleの例です
HTMLとCSSのみで可能な解決策はありますか?