fix(core): respect zoom key when hovering nopan elements

bcakmakoglu · bcakmakoglu · commit cc89e995fb6e · 2023-11-09T14:19:51.000+01:00
diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
@@ -190,7 +190,7 @@ onMounted(() => {
     // if the target element is inside an element with the nopan class, we prevent panning
     if (
       isWrappedWithClass(event, noPanClassName.value) &&
-      (event.type !== 'wheel' || (panOnScroll.value && event.type === 'wheel'))
+      (event.type !== 'wheel' || (panOnScroll.value && event.type === 'wheel' && !zoomKeyPressed.value))
     ) {
       return false
     }

Original file line number	Diff line number	Diff line change
`@@ -190,7 +190,7 @@ onMounted(() => {`
`190`	`190`	`// if the target element is inside an element with the nopan class, we prevent panning`
`191`	`191`	`if (`
`192`	`192`	`isWrappedWithClass(event, noPanClassName.value) &&`
`193`		`- (event.type !== 'wheel' \|\| (panOnScroll.value && event.type === 'wheel'))`
	`193`	`+ (event.type !== 'wheel' \|\| (panOnScroll.value && event.type === 'wheel' && !zoomKeyPressed.value))`
`194`	`194`	`) {`
`195`	`195`	`return false`
`196`	`196`	`}`