A jQuery plugin which automatically resizes the width of input fields according to the content, while typing.
JavaScript TypeScript
Latest commit 9eda3ee Jul 23, 2014 @MartinF Update README.md
Updated example.

README.md

A jQuery plugin which automatically resizes the width of input fields according to the content, while typing.

You can see a live example here: http://jsfiddle.net/mJMpw/617/

  • Enable using $(selector).autosizeInput() or data attribute <input type="text" value="" placeholder="Autosize" data-autosize-input='{ "space": 40 }' />
  • Use css min/max-width to limit the size.
  • Use css "transition: width 0.3s;" etc. if you want a nice animation when the width is changed.
  • Have fun! :)