у меня естьtextbox где пользователь может ввести любое количество символов, но я хочу егоширина будет динамически увеличиваться по отношению к количеству введенных в нее символов.

Я сделал обходной путь, показанный ниже, и он работает частично, он будет динамически увеличивать ширину, но не так точно, и через некоторое время скроет первые введенные символы из-за моей плохой логики, примененной в нем. Я только что дал дикий отсчет из 17 символов, чтобы начать приращение.

Он должен начинать увеличение ширины только в том случае, если количество символов достигает конца текстового поля.

ОБНОВИТЬ:

Я хочу сделать видимыми все символы, введенные в поле, тогда как по умолчанию текстовое поле скрывает самые левые символы.

FIDDLE DEMO

HTML

<input type="text" id="txtbox" />

SCRIPT

$('#txtbox').keypress(function() {
    var txtWidth = $(this).width();
    var cs = $(this).val().length;

    if(cs>17){
       $(this).width(txtWidth+5);
    }
});