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! :)