Directive that automatically adjusts textarea height to fit content
npm install ngx-autosize


ngx-autosize is an Angular2+ directive that automatically adjusts textarea height to fit its content.
It adjusts the textarea height automatically to any text input, or changes to the model bound to the textarea.
- Production builds ready (AOT support)
- Works with Ionic (shadow dom of v4 too)
Check the demo here
bash
npm install ngx-autosize
`for angular <12
`bash
npm install ngx-autosize@1
`Use Example:
Add the declaration to your @NgModule:
IMPORTANT !!! you need to do it for every module that will be autosizing textareas ;)
`typescript
import {AutosizeModule} from 'ngx-autosize';...
@NgModule({
imports: [
AutosizeModule
]
})
`Use directly inside your HTML templates
`
`
`
And this is Ionic2 example
`
Dynamically enable directive
`
// Enabled (defalut)
// Disabled
`
Settings
Name | Default | Type | Description
--- | --- | --- | ---
minRows | | integer | Sets minimal amount of rows of the textarea
maxRows | | integer | Sets maximum rows count after which autosizing if turned off and scrollbar appears
onlyGrow | false | boolean | Controls if autosize should make the textarea smaller. In other words... should empty lines be trimmed?
useImportant | false | boolean | Controls if autosize should include !important in its height css styles. Should only need to be used if the height of the textarea is being overridden elsewhereExample
`
`
Events / Outputs
Name | Description
--- | ---
resized | Called whenever textarea has changes its size. New height as a param.Example
`
``Steve Papa
Chrystian Ruminowicz
This project is licensed under the MIT license. See the LICENSE file for more info.