ember-autoresize-modifier
v0.7.0
Published
Autoresize Element Modifier for Ember.js
Downloads
6,508
Readme
ember-autoresize-modifier
Element Modifier that resizes a <textarea>
accordingly to the input.
Compatibility
- Ember.js v3.28 or above
- Ember CLI v3.28 or above
- Node.js v14 or above
Installation
ember install ember-autoresize-modifier
Usage
<textarea {{autoresize}}>
<textarea {{autoresize mode='width'}}>
If you bind a property to the value of the textarea, you must also pass it as
an argument to {{autoresize}}
modifier. Otherwise the textarea won't resize
when the value is changed programmatically:
<textarea value={{this.foo}} {{autoresize this.foo}}>
<textarea value={{this.foo}} {{autoresize this.foo mode='width'}}>
The addon takes resizes the textarea by setting height
/ width
CSS
property. It overrules all custom values of the height
/ width
property.
Therefore styles of textareas using this modifier must not rely on height
/
width
CSS property.
Use CSS min-height
/ min-width
and max-height
/ max-width
properties
to enforce a minimum and/or maximum height / width.
Known Limitations
- Element Modifiers are not executed in server-side rendering / FastBoot. The textarea won't be resized until rehydration.
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.