logo
/
$ログ
$規範
0が1に変わる変化とそれ以外の変化を分けて考える
0と100で考えない
10000人のフォロワーより、10人のファン、2人の友人
10年も立てばより安価で良い技術が出てくるので、10年後も同じモノを使用するということは考えないほうがいい
10日で仕上げるタスクであれば、2割の2日で8割のタスクを終わらせる
1つに絞る
1つのツールで全てをこなそうとしない
20%ルール
トップページ
ブログ
文字に完全にフィットしてサイズが変わるテキストボックスをつくる
2021-07-13
調べると縦方向に対しては文字を追加しても削除しても動的に変化するテキストボックスの例はたくさん出てくるが、横方向は削除したときについてこない例しか無い。 element.scrollWidthとelement.clientWidthの関係性では、scrollWidthでのほうが小さくなることは無いからだ。 scrollWidth →内部テキストの幅
clientWidth→要素の幅
上のようなcssを当てて内部テキストが要素の幅を超えている場合、scrollWidth > clientWidthには成り得るが、内部テキストが要素の幅を超えていない場合はscrollWidth < clientWidthとならずにscrollWidth == clientWidthとなる。 これが最適かはわからないが、ダミーのテキストエリアを作りそれを監視して幅を適用することで解決することが出来た。
※これはteratailで回答したものを整理したコードです。
月別アーカイブ