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>