question-mark
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.

Leaflet 1.7.1 + Ionic React / Capacitor: no double click on generated iOS app

See original GitHub issue

Hello

I am using Ionic React / Capacitor with Leaflet 1.7.1 to build iOS and Android apps, but the double click is not working on the generated iOS app. The map does not zoom in and the dblclick events are not triggered.

Here is the Browser object in iOS: “ie”:false, “ielt9”:false, “edge”:false, “webkit”:true, “android”:false, “android23”:false, “androidStock”:false, “opera”:false, “chrome”:false, “gecko”:false, “safari”:false, “phantom”:false, “opera12”:false, “win”:false, “ie3d”:false, “webkit3d”:true, “gecko3d”:false, “any3d”:true, “mobile”:true, “mobileWebkit”:true, “mobileWebkit3d”:true, “msPointer”:false, “pointer”:true, “touch”:true, “mobileOpera”:false, “mobileGecko”:false, “retina”:true, “passiveEvents”:true, “canvas”:true, “svg”:true, “vml”:false}

and the navigator.userAgent: Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148

I looked at the code and the function browserFiresNativeDblClick (in DomEvent.js) returns true, indicating a native double click support. But it doesn’t work as expected. Do you have any idea?

Just for testing, I locally and temporary changed browserFiresNativeDblClick to always return false and it starts working successfully on the iOS device.

I also precise it is working fine in the generated Android app.

Thanks.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
johnd0ecommented, Jan 21, 2021

Ok. then vote for #7027. I hope @IvanSanchez or @morner will find time to review and merge it.

0reactions
johnd0ecommented, Jan 21, 2021

Ok, that means that you really need #7027.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React-leaflet crashes my app with my pixel 7 - Ionic Forum
Anyone else have this problem? My app crashes on my pixel 7 but works on my pixel 4a. This is the error I...
Read more >
iOS ionic leaflet - Click on map not registered - Stack Overflow
I'm using a leaflet map via mapbox.js in a hybrid platform developed with the Ionic framework. Everything works well so far except for...
Read more >
Ionic React with Capacitor - Building Mobile Applications
Create a mobile application ( iOS and Android) using Ionic React with ...
Read more >
Native APIs with React using Capacitor - YouTube
Let's build an Ionic React app and integrate Capacitor plugins, Cordova plugins and even store data with Ionic Storage! Learn Ionic...
Read more >
Custom icon and splash in Ionic React Capacitor apps - Enappd
Capacitor is the latest buzz in hybrid app world. It is created to be a replacement and an improvement over Cordova. Creating icon...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found