ember-cli-liquid-fire-events
Provides a service liquid-fire-events
that you can use to subscribe to the
following events from Liquid Fire: transitionStart
and transitionEnd
.
Compatibility
- Ember.js v2.18 or above
- Ember CLI v2.13 or above
Installation
ember install ember-cli-liquid-fire-events
Usage
Example usage:
Component;
Note: these are global events, fired every time a Liquid Fire transition occurs anywhere within the rendered DOM.
Additionally, this addon provides a component liquid-delayed-render
which
wraps a block of markup and only renders it after a transition has finished.
This is useful eg. to avoid rendering while animating, a common cause of jank
especially in mobile browsers.
Example usage:
{{my-navigation-bar}}{{! my-complex-component will not be rendered until the animation is complete}}{{#liquid-delayed-render}} {{my-complex-component}}{{/liquid-delayed-render}}
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.