Skip to content

This directive allows your inputs to grow as soon as user types. The input's width always fit the text user typed in the input.

License

Notifications You must be signed in to change notification settings

eseliger/angular-auto-grow-input

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

auto-grow-input directive for AngularJS

This directive allows your inputs to grow as soon as user types. The input's width always fit the text user typed in the input.

Open samples/index.html to see the example how to use this directive.

Installation

  1. Run bower install angular-auto-grow-input --save

    • (or add manually into your bower.json dependencies and run bower-install)
    • (or download ZIP from github and extract files in the case if you don't use bower)
  2. Include bower_components/angular-auto-grow-input/dist/angular-auto-grow-input.js in your index.html file

  3. Add a new dependency in your module

angular.module('yourApp', ['autoGrowInput', ...])

How to use it

Append a directive to your input: <input auto-grow-input> Now enjoy how your input grows as you type text in it.

TODO-s (for contributors):

  • refactor some parts of code and make it easier to understand and maintain
  • better documentation and more examples if possible
  • cover sources with unit-tests
  • research in performance optimizations
  • search for bugs and fix them
  • star this project and get people to know about this plugin in angular community

About

This directive allows your inputs to grow as soon as user types. The input's width always fit the text user typed in the input.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%