From fd7312abf1d76759aca57fb796793cb254367a1f Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Mon, 16 Mar 2026 15:01:01 -0700 Subject: [PATCH 1/2] fix(ui): render block handles underneath current block content --- .../w/[workflowId]/components/workflow-block/workflow-block.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx index b2b470c21df..fc544e1779e 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx @@ -1086,7 +1086,7 @@ export const WorkflowBlock = memo(function WorkflowBlock({ * Reusable styles and positioning for Handle components. */ const getHandleClasses = (position: 'left' | 'right' | 'top' | 'bottom', isError = false) => { - const baseClasses = '!z-[10] !cursor-crosshair !border-none !transition-[colors] !duration-150' + const baseClasses = '!z-[-1] !cursor-crosshair !border-none !transition-[colors] !duration-150' const colorClasses = isError ? '!bg-[var(--text-error)]' : '!bg-[var(--workflow-edge)]' const positionClasses = { From 090d0e77da1953c7d7a80c459a6fbf576598175d Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Mon, 16 Mar 2026 15:07:58 -0700 Subject: [PATCH 2/2] fix(ui): use z-[0] instead of z-[-1] for handle z-index --- .../w/[workflowId]/components/workflow-block/workflow-block.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx index fc544e1779e..c2a154ba8c5 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx @@ -1086,7 +1086,7 @@ export const WorkflowBlock = memo(function WorkflowBlock({ * Reusable styles and positioning for Handle components. */ const getHandleClasses = (position: 'left' | 'right' | 'top' | 'bottom', isError = false) => { - const baseClasses = '!z-[-1] !cursor-crosshair !border-none !transition-[colors] !duration-150' + const baseClasses = '!z-[0] !cursor-crosshair !border-none !transition-[colors] !duration-150' const colorClasses = isError ? '!bg-[var(--text-error)]' : '!bg-[var(--workflow-edge)]' const positionClasses = {