# angular-elastic-input

> A directive for AngularJS which automatically resizes the width of input field according to the content, while typing.

Latest version **2.4.0** (published 2016-07-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular-elastic-input
pnpm add angular-elastic-input
yarn add angular-elastic-input
bun add angular-elastic-input
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.4.0 |
| Published | 2016-07-07 |
| First published | 2015-10-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=0.10.0 |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 53 |
| Author | Jacek Pulit |
| Maintainers | jacek-pulit |
| Keywords | elastic input, autosize input, autogrow input |

## Links

- npm: https://www.npmjs.com/package/angular-elastic-input
- Repository: https://github.com/jacek-pulit/angular-elastic-input
- Issues: https://github.com/jacek-pulit/angular-elastic-input/issues
- npm.io page: https://npm.io/package/angular-elastic-input

## Recent versions

- 2.4.0 (latest) — 2016-07-07
- 2.2.1 — 2016-06-06
- 2.2.0 — 2015-10-15

## README

# Angular Elastic Input [![Build Status](https://travis-ci.org/jacek-pulit/angular-elastic-input.svg?branch=master)](https://travis-ci.org/jacek-pulit/angular-elastic-input)

A directive for AngularJS which automatically resizes the width of input field according to the content, while typing.

## Installation

Download archive file above or install using bower:
```
bower install angular-elastic-input --save
```

Include the script tag on your page after the AngularJS script tags:
```html
<script src="path/to/angular-elastic-input.min.js"></script>
```

Ensure that your application module specifies puElasticInput as a dependency:
```javascript
angular.module('myApp', ['puElasticInput']);
```

Use the directive by specifying an pu-elastic-input attribute on an input element:
```html
<input type="text" pu-elastic-input/>
```

## Demo

Do you want to see Angular Elastic Input in action?

Visit http://jacek-pulit.github.io/angular-elastic-input/

## Options

Minimum and maximum width you can specify as css properties: min-width and max-width

```html
<input type="text" pu-elastic-input style="min-width: 200px; max-width: 400px;"/>
```

or as element attributes: pu-elastic-input-minwidth and pu-elastic-input-maxwidth

```html
<input type="text" pu-elastic-input pu-elastic-input-minwidth="300px" pu-elastic-input-maxwidth="none"/>
```
### Defaults

min-width: 0

max-width: inner width of parent element

## License

Angular Elastic Input is licensed under the MIT license. See the LICENSE file for more details.

---
_Source: https://npm.io/package/angular-elastic-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._