IE9 fillable text input

Question

In IE9 (I don’t know about older versions, but first I need a solution for the script in IE9), the last letters in <input type="text" /> disappear after the correct addition, if it exists.

Please take a look at this script (in IE9): http://jsfiddle.net/LQxDM/

Does anyone have a solution to this problem?

Thanks!

Answer 1

If you apply a fixed width to an input field, it does not display text outside that width. Here is another question that may come in handy. It updates the width of the input based on its contents: Resizing the text input field when entering text

Answer 2

Add to your styles

 padding-right: 20px; width: 320px;