url/homelable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make top handles type=source so connections can be dragged from them

Browse Source 
React Flow only allows initiating a drag from type=source handles.
Top handles were type=target so users could never start a connection
from the top of any node. With connectionMode=loose, source-to-source
connections are already allowed, so all handles can now be source.
This commit is contained in:
Pouzor
2026-03-08 12:16:21 +01:00
parent dc96588655
commit 3e1edd9458
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/canvas/nodes/BaseNode.tsx
+1 -1
View File
@@ -38,7 +38,7 @@ export function BaseNode({ data, selected, icon: typeIcon }: BaseNodeProps) {
minWidth: 140, minWidth: 140,
}} }}
> >
<Handle type="target" position={Position.Top} className="!bg-[#30363d] !border-[#8b949e]" /> <Handle type="source" position={Position.Top} className="!bg-[#30363d] !border-[#8b949e]" />
{/* Icon */} {/* Icon */}
<div <div
frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
+1 -1
View File
@@ -80,7 +80,7 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
<div className="flex-1 relative" /> <div className="flex-1 relative" />
</div> </div>
<Handle type="target" position={Position.Top} className="!bg-[#30363d] !border-[#8b949e]" /> <Handle type="source" position={Position.Top} className="!bg-[#30363d] !border-[#8b949e]" />
<Handle type="source" position={Position.Bottom} className="!bg-[#30363d] !border-[#8b949e]" /> <Handle type="source" position={Position.Bottom} className="!bg-[#30363d] !border-[#8b949e]" />
{/* Cluster handles — left/right for same-cluster links */} {/* Cluster handles — left/right for same-cluster links */}