From 50af804c47233464218f2fd69e5e67d3c89a6ea1 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 10 Oct 2022 14:22:19 +0200
Subject: [PATCH] chore(additional-components): disable pointer events on user
 selection

---
 packages/additional-components/src/panel/Panel.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/additional-components/src/panel/Panel.vue b/packages/additional-components/src/panel/Panel.vue
index 267e4aa4..4ddf1240 100644
--- a/packages/additional-components/src/panel/Panel.vue
+++ b/packages/additional-components/src/panel/Panel.vue
@@ -4,12 +4,12 @@ import type { PanelProps } from './types'
 
 const props = defineProps<PanelProps>()
 
-const pointerEvents = useVueFlow()
+const { userSelectionActive } = useVueFlow()
 const positionClasses = computed(() => `${props.position}`.split('-'))
 </script>
 
 <template>
-  <div class="vue-flow__panel" :class="positionClasses" :style="{ pointerEvents }">
+  <div class="vue-flow__panel" :class="positionClasses" :style="{ pointerEvents: userSelectionActive ? 'none' : 'all' }">
     <slot />
   </div>
 </template>