https://github.com/jelhan/ember-autoresize-modifier
Autoresize Element Modifier for Ember.js
https://github.com/jelhan/ember-autoresize-modifier
ember ember-addon ember-modifier hacktoberfest
Last synced: 2 months ago
JSON representation
Autoresize Element Modifier for Ember.js
- Host: GitHub
- URL: https://github.com/jelhan/ember-autoresize-modifier
- Owner: jelhan
- License: mit
- Created: 2020-03-07T10:57:24.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-05-07T11:37:59.000Z (2 months ago)
- Last Synced: 2025-05-07T16:08:03.490Z (2 months ago)
- Topics: ember, ember-addon, ember-modifier, hacktoberfest
- Language: JavaScript
- Homepage:
- Size: 2.97 MB
- Stars: 22
- Watchers: 2
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# ember-autoresize-modifier
Element Modifier that resizes a `` accordingly to the input.
## Compatibility
* Ember.js v4.12 or above
* Ember CLI v4.12 or above
* Node.js v18 or above
## Installation
```sh
ember install ember-autoresize-modifier
```
## Usage
```hbs
```
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:
```hbs
```
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](CONTRIBUTING.md) guide for details.
## License
This project is licensed under the [MIT License](LICENSE.md).