文字が入力されるときに入力タイプのテキストを拡張するよりエレガントな方法

Question

この例では、How to make input type text auto-expand also set specific width expand.に従っていますが、問題なく動作しますが、いくつか問題があります。

1. あなたは大文字で書いている場合は、入力が十分なスペースを割り当てていないと、それは拡張テキスト入力の初期段階で再び
2. 入力中に隠されてしまい、テキストはやや少しグリッチ（同じ場所に戻って出現する前に非常に瞬間的に縮む）。これを取り除くことは可能ですか？あなたはすべての小さな大文字で書いている場合は
3. 、その後、あまりにも多くの末尾にスペースの上に残っています

例：https://jsfiddle.net/daw3ah0L/

どちらの例は、「手紙」の同じ番号を持ちます。

最初のinputの例では、サイズに適合しません。

第2のinputの例では、少し余分なスペースがあります。

最後に実際に測定されたサイズは？ px、em？

Answer 1

ほとんどの問題のようなサウンドは、フォントのためです。入力にはモノスペースフォントを使用します。