しばらく考えてみると、もっと脳力を使えた気がする。
次の UI を想像してみてください (StackOverflow 提供):
赤い線は「ガイド」であることに注意してください。それらが<div/>境界であると想像してください。
私が欲しいのは、入力ボックスに大量のテキストが追加され、オーバーフローするのに十分な場合、入力ボックスは「ポップアウト」し、下の画像のように左にオーバーレイ/自動サイズ調整する必要があるということです:
これは、コンテンツに応じてサイズが変更されることを除いて、Stackoverflow の動作と多少似ています。また、stackoverflow と同様に、入力ボックスがフォーカスを失ったときにリトラクトする必要があります。
いつもはコードを用意してSOに来るのですが、今回はちょっと難しいです。
- 入力ボックスを右側に「固定」するには、正確に何を使用すればよいですか?
- 入力ボックスの内部/コンテンツ幅を見つけるにはどうすればよいですか? 私は等幅フォントを使用しているので、これは簡単かもしれません...