So I followed this example How to make input type text auto-expand also set specific width expand. and it works okay, but there are a few issues with it.
- If you're writing in capital letters then the input does not allocate enough space and it ends up hidden inside the input again
- In the early stages of the text input expanding, the text somewhat glitches a bit (shrinks left very momentarily before appearing back in the same place). Is it possible to remove this?
- If you're writing in all small caps, then there's too much left over space at the end
example: https://jsfiddle.net/daw3ah0L/
Both examples have the same number of 'letters'.
In the first input
example, it does not fit the size.
In the second input
example, there's a bit of left over space.
Lastly, what is size actually measured in? px, em?