An open API service indexing awesome lists of open source software.

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

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).