Textarea that grows in height as more lines of input are entered
Fetching latest commit…
Cannot retrieve the latest commit at this time.


Published on NPM Build status Published on webcomponents.org


iron-autogrow-textarea is an element containing a textarea that grows in height as more lines of input are entered. Unless an explicit height or the maxRows property is set, it will never scroll.

See: Documentation, Demo.



npm install --save @polymer/iron-autogrow-textarea

In an html file

    <script type="module">
      import '@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js';

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
customElements.define('sample-element', SampleElement);


If you want to send a PR to this element, here are the instructions for running the tests and demo locally:


git clone https://github.com/PolymerElements/iron-autogrow-textarea
cd iron-autogrow-textarea
npm install
npm install -g polymer-cli

Running the demo locally

polymer serve --npm

Running the tests

polymer test --npm