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 = 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 = 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 = 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 }), ] }