diff --git a/src/components/maskeditor/PointerZone.test.ts b/src/components/maskeditor/PointerZone.test.ts index b34982acd8..9a88dcf204 100644 --- a/src/components/maskeditor/PointerZone.test.ts +++ b/src/components/maskeditor/PointerZone.test.ts @@ -141,6 +141,21 @@ describe('PointerZone', () => { y: 45 }) }) + + it('should preventDefault on wheel to block browser zoom on ctrl+wheel', () => { + renderZone() + const zone = getZone() + + const event = new WheelEvent('wheel', { + bubbles: true, + cancelable: true, + deltaY: -1, + ctrlKey: true + }) + zone.dispatchEvent(event) + + expect(event.defaultPrevented).toBe(true) + }) }) describe('isPanning watcher', () => { diff --git a/src/components/maskeditor/PointerZone.vue b/src/components/maskeditor/PointerZone.vue index 137b0bd4cb..b5b393ad66 100644 --- a/src/components/maskeditor/PointerZone.vue +++ b/src/components/maskeditor/PointerZone.vue @@ -11,7 +11,7 @@ @touchstart="handleTouchStart" @touchmove="handleTouchMove" @touchend="handleTouchEnd" - @wheel="handleWheel" + @wheel.prevent="handleWheel" @contextmenu.prevent />