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: 6 days 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 4 years ago)
• Default Branch: master
• Last Pushed: 2024-10-01T03:34:08.000Z (about 1 month ago)
• Last Synced: 2024-10-03T12:27:16.124Z (about 1 month ago)
• Topics: ember, ember-addon, ember-modifier, hacktoberfest
• Language: JavaScript
• Homepage:
• Size: 2.13 MB
• Stars: 21
• Watchers: 3
• Forks: 2
• Open Issues: 20
• 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.8 or above

* Ember CLI v4.8 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).