panzoom prevents developer's double click events in the app
See original GitHub issueFirst of all thanks for making such a great plugin!
The following is the code I am using,
// just grab any DOM element
var area = document.querySelector('.faqdesigner');
// And pass it to panzoom
panzoom(area, {
zoomDoubleClickSpeed: 1
});
// this is the double click event
$('.appcontainer').on('dblclick', '.faqnode', onNodeDblClick);
but double click on elements is not firing because of panzoom plugin, so I investigated and checked the source code, I see a lot of
e.preventDefault();
e.stopPropagation();
even inside function onDoubleClick(e) { ... }
which I commented and my double click event gets fired
it is restricting and interfering with the developers code, it may be nice to have it configurable like switch on or off through plugin settings
could you please have a look
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
svg.js / svg-pan-zoom - doubleclick interactions - Stack Overflow
According to my debugging, it looks like sometimes when my app loads, the doubleclick function I wrote is called twice for each doubleclick....
Read more >panzoom - npm
By default panzoom will prevent default action on double click events - this is done to avoid accidental text selection (which is default ......
Read more >@varsitysoftware/ngx-panzoom - NPM Package Overview - Socket
The number of zoom levels to zoom on double click. zoomStepDuration, number, 0.2, Number of seconds to animate between two adjacent zoom levels....
Read more >jQuery.panzoom - JavaScripting.com
It uses pointer events by default wherever supported. SVG support. Panzoom supports panning and zooming SVG elements directly. In IE11, CSS animations/ ...
Read more >allowsCameraControl | Apple Developer Documentation
If you set this property to true , SceneKit creates a camera node and handles mouse or touch events to allow the user...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Disables Double click zoom
Thank you for the suggestion!
Starting from
v6.3.0
, you can do this by passingonDoubleClick(e)
event handler that returnsfalse
:Please let me know if this works for you.