Question 1

How to add a pan gesture to an Ember component?

Accepted Answer

Use the RecognizerMixin in your component and specify 'pan' in the recognizers property, or apply the {{recognize-gesture}} modifier in the template. This automatically sets up the HammerJS manager and recognizer, as detailed in the Usage section.

Question 2

Ember Gestures or plain HammerJS – which should I use for my Ember app?

Accepted Answer

Ember Gestures is better for Ember apps because it integrates seamlessly with the framework's component and event systems, abstracting away HammerJS complexity. Plain HammerJS requires manual setup and doesn't leverage Ember's idioms, making maintenance harder.

Question 3

Why is my swipe gesture not working vertically in Ember Gestures?

Accepted Answer

By default, swipe and pan are horizontal-only to avoid breaking scroll. Use 'vertical-swipe' or 'vertical-pan' recognizers specifically for vertical gestures, as noted in the README's configuration limitations.

Question 4

How to test gesture events in Ember tests with this addon?

Accepted Answer

Trigger jQuery events with lowercase names like 'swiperight', but the README warns this can cause issues. It suggests creating a custom trigger helper using native APIs for more reliable testing, as standard methods may not mimic real behavior accurately.

Question 5

Can I use Ember Gestures with Glimmer components?

Accepted Answer

Yes, the {{recognize-gesture}} modifier is ideal for Glimmer components or components without root elements, as it allows gesture recognition directly in templates without a mixin, provided you're on Ember 2.18 or later.

Question 6

What gestures are supported out of the box?

Accepted Answer

It supports pan, tap, press, swipe, pinch, and rotate using HammerJS, but note that double-tap requires custom setup via the provided generator. The README lists these in the Key Features and Usage sections.

ember-gestures

What is ember-gestures?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions