Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

onDoubleClick is not working (Ionic React)

See original GitHub issue

Bug Report

Ionic version: [x] 4.x

Current behavior: I’m testing onDoubleClick with IonItem and IonCard react components but it’s not working:

Expected behavior: Trigger the event as expected

Steps to reproduce:

Add the event to these components from an Ionic React project

Related code:

<IonItem onDoubleClick={(e) => alert('not working')}>
</IonItem>

Sample application: https://stackblitz.com/edit/ionic-v4-react-double-click-issue

Ionic info:

Ionic:

   Ionic CLI       : 6.4.1 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 5.1.1

Capacitor:

   Capacitor CLI   : 2.0.2
   @capacitor/core : 2.0.2

Utility:

   cordova-res (update available: 0.14.0) : 0.8.0
   native-run (update available: 1.0.0)   : 0.2.8

System:

   NodeJS : v10.15.3 (/usr/local/bin/node)
   npm    : 6.14.4
   OS     : macOS Mojave

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:5 (1 by maintainers)

Top GitHub Comments

5reactions

avalanche1commented, Jun 12, 2021

It’s been a year guys. Can we get this fixed?

2reactions

liamdebeasicommented, May 18, 2020

Thanks! I was able to reproduce this issue. I noticed your reproduction used an old version of Ionic React, so here is a reproduction of the issue using the latest version of Ionic: https://stackblitz.com/edit/ionic-v4-react-double-click-issue-jyvd9h

As a temporary workaround, adding the double click listener to the element via addEventListener seems to work.