From 2ba98efef018325a0086e82065dd44279ff1e25c Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 8 Mar 2025 12:26:28 +0100
Subject: [PATCH] fix(node-toolbar): set default value for isVisible to
 undefined (#1785)

* fix(node-toolbar): set default value for isVisible to undefined

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

* chore(changeset): add

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .changeset/olive-fishes-fetch.md          | 5 +++++
 packages/node-toolbar/src/NodeToolbar.vue | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/olive-fishes-fetch.md

diff --git a/.changeset/olive-fishes-fetch.md b/.changeset/olive-fishes-fetch.md
new file mode 100644
index 00000000..9ac92471
--- /dev/null
+++ b/.changeset/olive-fishes-fetch.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/node-toolbar": patch
+---
+
+Set default value for `isVisible` to `undefined`
diff --git a/packages/node-toolbar/src/NodeToolbar.vue b/packages/node-toolbar/src/NodeToolbar.vue
index 51873785..edd4db91 100644
--- a/packages/node-toolbar/src/NodeToolbar.vue
+++ b/packages/node-toolbar/src/NodeToolbar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, inject, toRef } from 'vue'
+import { computed, inject } from 'vue'
 import type { GraphNode, Rect, ViewportTransform } from '@vue-flow/core'
 import { NodeIdInjection, Position, getRectOfNodes, useVueFlow } from '@vue-flow/core'
 
@@ -10,6 +10,7 @@ const props = withDefaults(defineProps<NodeToolbarProps>(), {
   position: Position.Top,
   offset: 10,
   align: 'center',
+  isVisible: undefined,
 })
 
 const contextNodeId = inject(NodeIdInjection, null)
@@ -30,7 +31,7 @@ const nodes = computed(() => {
   }, [] as GraphNode[])
 })
 
-const isActive = toRef(() =>
+const isActive = computed(() =>
   typeof props.isVisible === 'boolean'
     ? props.isVisible
     : nodes.value.length === 1 && nodes.value[0].selected && getSelectedNodes.value.length === 1,