From 1180ab247fcdead49eb8d546619a0ef808b5c6c0 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 5 May 2023 16:43:05 +0200
Subject: [PATCH] chore(core): cleanup

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 packages/core/src/components/Edges/EdgeLabelRenderer.vue | 5 ++++-
 packages/core/src/container/VueFlow/VueFlow.vue          | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/components/Edges/EdgeLabelRenderer.vue b/packages/core/src/components/Edges/EdgeLabelRenderer.vue
index 6860a893..d69a0b61 100644
--- a/packages/core/src/components/Edges/EdgeLabelRenderer.vue
+++ b/packages/core/src/components/Edges/EdgeLabelRenderer.vue
@@ -1,7 +1,10 @@
 <script lang="ts" setup>
+import { toRef } from '@vueuse/core'
 import { useVueFlow } from '../../composables'
 
 const { viewportRef } = useVueFlow()
+
+const teleportTarget = toRef(() => viewportRef.value!.getElementsByClassName('vue-flow__edge-labels')[0])
 </script>
 
 <script lang="ts">
@@ -14,7 +17,7 @@ export default {
 <template>
   <svg>
     <foreignObject height="0" width="0">
-      <Teleport :to="viewportRef!.getElementsByClassName('vue-flow__edge-labels')[0] as any" :disabled="!teleportTarget">
+      <Teleport :to="teleportTarget as any" :disabled="!teleportTarget">
         <slot />
       </Teleport>
     </foreignObject>
diff --git a/packages/core/src/container/VueFlow/VueFlow.vue b/packages/core/src/container/VueFlow/VueFlow.vue
index 174f506a..a848853d 100644
--- a/packages/core/src/container/VueFlow/VueFlow.vue
+++ b/packages/core/src/container/VueFlow/VueFlow.vue
@@ -52,6 +52,11 @@ const props = withDefaults(defineProps<FlowProps>(), {
   autoPanOnConnect: undefined,
   autoPanOnNodeDrag: undefined,
   isValidConnection: undefined,
+  deleteKeyCode: undefined,
+  selectionKeyCode: undefined,
+  multiSelectionKeyCode: undefined,
+  panActivationKeyCode: undefined,
+  zoomActivationKeyCode: undefined,
 })
 
 const emit = defineEmits<{