Fix tooltip weird behavior in editable titles (#1268)

skyvern-frontend/src/routes/workflows/editor/nodes/components/EditableNodeTitle.tsx

@@ -25,11 +25,11 @@ function EditableNodeTitle({
 }: Props) {
   const [editing, setEditing] = useState(false);
 
+  if (!editing) {
     return (
       <TooltipProvider>
         <Tooltip>
           <TooltipTrigger asChild>
-          {!editing ? (
             <h1
               className={cn("cursor-text", titleClassName)}
               onClick={() => {
@@ -38,7 +38,14 @@ function EditableNodeTitle({
             >
               {value}
             </h1>
-          ) : (
+          </TooltipTrigger>
+          <TooltipContent>Click to edit</TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    );
+  }
+
+  return (
     <HorizontallyResizingInput
       disabled={!editable}
       size={1}
@@ -68,11 +75,6 @@ function EditableNodeTitle({
       }}
       defaultValue={value}
     />
-          )}
-        </TooltipTrigger>
-        <TooltipContent>Click to edit</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
   );
 }