Click events are fired when only registered for Pan

[GitMax42]

When I register for Pan gestures, I also get click events from event PointerEvent. Seems that Tap events are fired, which I did not register in the options. Why is that, how can I disable it?

[biodiv]

The click-Event is not fired by contactjs, this is the native implementation of the Browser. We could add an option that disables native click events.

[TBG-FR]

I am also facing this issue. I followed the Horizontal Slide Example combined with the Pan & Scroll, targeting body element, and now my clicks aren't working (navigation, buttons, etc) on Desktop (for some reason, if I emulated mobile view, they work well 🤔 ). ContactJS should not catch these click events, as we did not register anything for it !

[biodiv]

You could try to attach PointerListener to the panElement instead of body . Or are you listening to contactjs events outside of the panElement ?

If I understand you correctly, you are facing the following issue:

• PointerListener attached to body
• contactjs events are registered to panElement
• click events outside the panElement , e.g. in the navigation, are NOT being fired, although you would expect them to be fired.

[TBG-FR]

You could try to attach PointerListener to the panElement instead of body . Or are you listening to contactjs events outside of the panElement ?

If I understand you correctly, you are facing the following issue:

• PointerListener attached to body
• contactjs events are registered to panElement
• click events outside the panElement , e.g. in the navigation, are NOT being fired, although you would expect them to be fired.

Thanks for the quick answer ! In fact my panElement is the body, I have the following code

  const targetElement = document.body;

  const panRecognizer = new Pan(targetElement,
  {
      supportedDirections : Directions.Horizontal
  });
  const pointerListener = new PointerListener(targetElement, {
      supportedGestures: [panRecognizer],
  });
  

It allows me to handle swipeleft and swiperight perfectly 👌 But any click on a child element of body is caught by ContactJS... (I verified this by adding bubble: false to the Pan options and then clicks were working again, but the swipe wasn't)

I'll see if I can find a workaround by using two elements, one for the PointerListener and one to register events, but I'm not sure that would do 🤐

[TBG-FR]

I slightly modified my code to aim on other sub elements rather than body, and I just reproduced the same behaviour. Nothing happens when I click on some <a onclick='console.log("AAA')>...</a> links I have inside these elements... If I remove ContactJS, it works well, if I add .addEventListener('tap', (event) => to this element I see the event... But I didn't register a tapRecognizer, only Pan ! (event with an empty PointerListener I get this behaviour !)

Is that expected ?