fix(core): use nullish check when finding edge label renderer el
This commit is contained in:
@@ -4,7 +4,7 @@ import { useVueFlow } from '../../composables'
|
|||||||
|
|
||||||
const { viewportRef } = useVueFlow()
|
const { viewportRef } = useVueFlow()
|
||||||
|
|
||||||
const teleportTarget = toRef(() => viewportRef.value!.getElementsByClassName('vue-flow__edge-labels')[0])
|
const teleportTarget = toRef(() => viewportRef.value?.getElementsByClassName('vue-flow__edge-labels')[0] as undefined | unknown)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
@@ -17,7 +17,7 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<svg>
|
<svg>
|
||||||
<foreignObject height="0" width="0">
|
<foreignObject height="0" width="0">
|
||||||
<Teleport :to="teleportTarget as any" :disabled="!teleportTarget">
|
<Teleport :to="teleportTarget" :disabled="!teleportTarget">
|
||||||
<slot />
|
<slot />
|
||||||
</Teleport>
|
</Teleport>
|
||||||
</foreignObject>
|
</foreignObject>
|
||||||
|
|||||||
Reference in New Issue
Block a user