Disable the Double click

[jgVitc]

Hi,
Is there a way to disable the double click so that it doesn't zoom in or out?

[stephanrauh]

I suppose the best solution is adding an event listener on #viewer. Something like this untested pseudo code:

document.querySelector('#viewer').addEventListener('dblclick', 
                                       (evt) => {evt.preventDefault(); evt.stopPropagation();}, true);

Maybe you also need to use the parent element of #viewer, i.e. #viewerContainer. In any case, @mahmooudali7 reports in #970 that this approach does the trick.

By the way, please apologize the sluggish answer: A nasty flu sent me to bed this week.

[TLucasIND]

After some time I returned to the problem. I went all the div layers up and still had no luck.
What might be the problem? I tried to put the registration of the callback in the two different initialization-phases ngOnInit() and ngAfterViewInit.
I also tried evt.stopImmediatePropagation();. Still no luck :(
However the event is caught properly, so the evt.-calls are the problem.

Greets, Timo

[TLucasIND]

Awesome, I found the bug. The last boolean argument was not in the code above. It's mandatory here to .

document.addEventListener('dblclick', (evt) => {
      evt.preventDefault(); 
      evt.stopPropagation();
    }, true);

The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.

When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.

[stephanrauh]

I'm glad you've found and solved the problem!

Is there anything you want me to do? Like updating my answer, improving the documentation, or implementing the feature in the library? I know your problem is a thing of the past, but maybe I can do something to help other developers.

[TLucasIND]

Maybe it would be nice to have the option to toggle the double-click-zoom. But I'm not sure, if you use the doubleclick additionally in any other way. Would it be a big expense for you to add it?

[stephanrauh]

Adding a feature toggle is not a big deal. I suppose the most difficult part of it is finding an intuitive name for the attribute. Actually, I implemented the double-click zoom for mobile devices. I always enjoyed double-tapping my iPhone to enlarge the text to the optimal size. If I'm not mistaken, they've removed this feature recently. That's a pity, but it also means users stop expecting the double-tap zoom.