alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

regression: enable pointer events on zoom pane

Browse Source
This commit is contained in:
Braks
2022-04-04 21:42:48 +02:00
parent ca5036f5a9
commit 85f563ac52
1 changed files with 1 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package/src/container/TransformationPane/TransformationPane.vue
+1 -6
View File
@@ -31,14 +31,9 @@ onMounted(() => {
}) })
const transform = computed(() => `translate(${store.transform[0]}px,${store.transform[1]}px) scale(${store.transform[2]})`) const transform = computed(() => `translate(${store.transform[0]}px,${store.transform[1]}px) scale(${store.transform[2]})`)
const keyPressed = useKeyPress(store.selectionKeyCode)
</script> </script>
<template> <template>
<div <div :key="`transformation-pane-${id}`" class="vue-flow__transformation-pane vue-flow__container" :style="{ transform }">
:key="`transformation-pane-${id}`"
class="vue-flow__transformation-pane vue-flow__container"
:style="{ transform, pointerEvents: keyPressed ? 'none' : 'all' }"
>
<NodeRenderer :key="`node-renderer-${id}`" /> <NodeRenderer :key="`node-renderer-${id}`" />
<EdgeRenderer :key="`edge-renderer-${id}`" /> <EdgeRenderer :key="`edge-renderer-${id}`" />
<slot /> <slot />