From 738d51af0d71c72409eaf637dbb35c0015341890 Mon Sep 17 00:00:00 2001 From: Waleed Date: Mon, 16 Mar 2026 15:13:40 -0700 Subject: [PATCH] fix(ui): render block handles underneath current block content (#3611) * fix(ui): render block handles underneath current block content * 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 868163c295..a3644fe167 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-[0] !cursor-crosshair !border-none !transition-[colors] !duration-150' const colorClasses = isError ? '!bg-[var(--text-error)]' : '!bg-[var(--workflow-edge)]' const positionClasses = {