From 14ef119a953da1f4f9c96ba121e4d2a9e9e5f450 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 22 Apr 2022 16:29:15 +0200
Subject: [PATCH] fix(nodes): use label content as inner html

---
 package/src/components/Nodes/DefaultNode.ts | 2 +-
 package/src/components/Nodes/InputNode.ts   | 2 +-
 package/src/components/Nodes/OutputNode.ts  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package/src/components/Nodes/DefaultNode.ts b/package/src/components/Nodes/DefaultNode.ts
index 4276a599..dcc3c209 100644
--- a/package/src/components/Nodes/DefaultNode.ts
+++ b/package/src/components/Nodes/DefaultNode.ts
@@ -12,7 +12,7 @@ const DefaultNode: FunctionalComponent<NodeProps> = function ({
 }) {
   return [
     h(Handle, { type: 'target', position: targetPosition, isConnectable: connectable, isValidConnection: isValidTargetPos }),
-    typeof label !== 'string' && label ? h(label) : h('span', {}, label),
+    typeof label !== 'string' && label ? h(label) : h('div', { innerHTML: label }),
     h(Handle, { type: 'source', position: sourcePosition, isConnectable: connectable, isValidConnection: isValidSourcePos }),
   ]
 }
diff --git a/package/src/components/Nodes/InputNode.ts b/package/src/components/Nodes/InputNode.ts
index a69676e5..017c2d72 100644
--- a/package/src/components/Nodes/InputNode.ts
+++ b/package/src/components/Nodes/InputNode.ts
@@ -9,7 +9,7 @@ const InputNode: FunctionalComponent<NodeProps> = function ({
   isValidSourcePos,
 }) {
   return [
-    typeof label !== 'string' && label ? h(label) : h('span', {}, label),
+    typeof label !== 'string' && label ? h(label) : h('div', { innerHTML: label }),
     h(Handle, { type: 'source', position: sourcePosition, isConnectable: connectable, isValidConnection: isValidSourcePos }),
   ]
 }
diff --git a/package/src/components/Nodes/OutputNode.ts b/package/src/components/Nodes/OutputNode.ts
index a8efeb24..71556569 100644
--- a/package/src/components/Nodes/OutputNode.ts
+++ b/package/src/components/Nodes/OutputNode.ts
@@ -10,7 +10,7 @@ const OutputNode: FunctionalComponent<NodeProps> = function ({
 }) {
   return [
     h(Handle, { type: 'target', position: targetPosition, isConnectable: connectable, isValidConnection: isValidTargetPos }),
-    typeof label !== 'string' && label ? h(label) : h('span', {}, label),
+    typeof label !== 'string' && label ? h(label) : h('div', { innerHTML: label }),
   ]
 }