内容に応じてサイズが可変する <textarea> を素敵に実装する - Qiita
概要 内容に応じてサイズが可変する textarea を、できるだけ手間をかけず、スマートな実装を試みます。 しかも、ネイティブのフォームが持っている利点をそのまま活かして、堅牢でアクセシブルな設計を目指します。 標準 textarea の難点 HTML の textarea 要素は基本的に高さが固定されていて使い勝手が悪いです。３行分くらいしか領域がなくて、長い文章を打つのがとにかく苦痛なんていうこともザラです。 最近のブラウザ実装では、多少気を利かせてくれているのか、テキストエリアの領域をドラッグで拡大・縮小できます。 ただ私は思うのです。めんどくさいし、最初っから、入力するテキスト量に応じて自動的に伸び縮みしてくれればいいのに……と。スクロールバーなんて、１ページにひとつあればじゅうぶんなんですよ。 実装方法 難しいことはありませんが、HTML と CSS、JS が協調して動作します
Chromeのtextareaに大量の文字が入ると重くなる点の対策 - Qiita
Chromeのtextareaに大量の文字が入ると重くなる点の対策 ページ読み込み時、textareaに大量の文字(5,000行程)が入ってると、Chromeでだけ重くなるので、アレコレ試してみた。 (※ Chrome バージョン 35.0.1916.153) 症状 textareaの中に、プレーンなCSSが5,000行程入った状態。 重くなるのは、テキストエリアのスクロールを最下部へ一気にスクロールした場合。 かなり反応が悪くなり、たまにブラウザがクラッシュすることも。 AndroidのChromeだと、アプリが落ちた。。 テキストエリアを下までスクロールしない場合は、何も問題なし。 謎 なぜかChromeだけで、他のブラウザは全て大丈夫。 ローカルに保存したHTMLの場合には発生せず、サーバから読み込んだHTMLの場合にだけ発生しているようす。 CSSやJavaScriptも全てカット
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォームのテキストエリアをより使いやすくするテクニック集
dev.iralog.net is Expired or Suspended.
