A lightweight jQuery plugin for making text input fields grow and shrink dynamically while typing.
HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
bower.json
demo.html
jquery.auto-grow-input.js
jquery.auto-grow-input.min.js
readme.md

readme.md

jQuery-autoGrowInput

A lightweight jQuery plugin for making text input fields grow and shrink dynamically while typing.

Compatible with jQuery 1.7.0+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. No dependencies except the jQuery library. Released under the MIT License: http://www.opensource.org/licenses/mit-license.php

This plugin was developed by and for Pixabay.com - an international repository for sharing free public domain images. It is based on a Stackoverflow answer by James Padolsey. We have implemented this plugin in production and we share this piece of software - in the spirit of Pixabay - freely with others.

Demo and Documentation

https://goodies.pixabay.com/jquery/auto-grow-input/demo.html

Features

  • Lightweight: 1.0 kB of JavaScript - less than 0.6 kB gzipped
  • Autosizes text input fields dynamically while typing
  • Set maxWidth and minWidth
  • May be used in responsive designs

Changelog

Version 1.0.3 - 2015/10/29

  • Fixed #10: Take textTransform CSS property into account

Version 1.0.2 - 2015/10/12

  • Merged #7: Prevent creation of shadow input element on each plugin invocation

Version 1.0.1 - 2015/10/04

  • Fixed #6: jQuery input:text selector ignores text based html5 inputs

Version 1.0.0 - 2014/12/17

  • Initial release