ember-intersection-observer-modifier's Introduction

ember-intersection-observer-modifier

Use IntersectionObserver through an Ember Modifier

Compatibility

Ember.js v3.12 or above
Ember CLI v2.13 or above
Node.js v10 or above

Installation

ember install ember-intersection-observer-modifier

Usage

This addon provides an Ember modifier for attaching a IntersectionObserver to an element in your Ember template and calling an action when the observer fires.

<div {{observe-intersection this.onChange}} />

Additional configuration options can also be passed as either an additional positional parameter, or as named parameters. You can read more about valid configuration options here.

<div {{ref this "scrollArea"}}>
  <div {{observe-intersection this.onChange (hash root=this.scrollArea) rootMargin="10px"}} />
</div>

Note: the above ref modifier comes from ember-ref-modifier

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.

ember-intersection-observer-modifier's People

Contributors

Stargazers

Watchers

ember-intersection-observer-modifier's Issues

Invalid modifier manager compatibility specified

Using Ember 5.2 and template-imports...

<div {{observeIntersection this.doSearch}} />

manager.js:621 Uncaught (in promise) Error: Invalid modifier manager compatibility specified
at modifierCapabilities (manager.js:621:1)
at new FunctionalModifierManager (modifier-manager.js:54:104)
at managerFor (modifier.js:14:15)
at CustomModifierManager.getDelegateFor (manager.js:666:1)
at CustomModifierManager.create (manager.js:676:1)
at Object.evaluate (runtime.js:2247:1)
at AppendOpcodes.evaluate (runtime.js:1052:1)
at LowLevelVM.evaluateSyscall (runtime.js:4214:1)
at LowLevelVM.evaluateInner (runtime.js:4185:1)
at LowLevelVM.evaluateOuter (runtime.js:4178:1)

Recommend Projects