Prevent horizontal “scrolling” of a text input?

Question

I am working on a format input field in html, css and js.

One example would be a date format field with following pattern: **.**.****. When I am typing

Answer 1

Thanks for the advise with the wrapper, I had the same problem in firefox. In Chrome I fixed it using JS and the scrollLeft method (which will not work in ff on the other hand). In jQuery:

$('input').live('keyup', function() {
    $(this).parent().scrollLeft(0);
});