From e3a7a3093c551d85493c32a48af4a6f8a0d11c67 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Mon, 13 Jan 2025 12:24:32 -0800
Subject: [PATCH] Fixed highlighting text on drag

---
 app/w/[id]/workflow.tsx                                |  2 +-
 .../sub-block/components/short-input.tsx               |  4 ++--
 .../components/workflow-block/sub-block/sub-block.tsx  | 10 ++++++----
 .../components/workflow-block/workflow-block.tsx       |  2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/w/[id]/workflow.tsx b/app/w/[id]/workflow.tsx
index 465421a567..9504fdef9c 100644
--- a/app/w/[id]/workflow.tsx
+++ b/app/w/[id]/workflow.tsx
@@ -192,7 +192,7 @@ export default function Workflow() {
 
   return (
     <div
-      className="w-full h-[calc(100vh-56px)] overflow-hidden"
+      className="w-full h-[calc(100vh-56px)] overflow-hidden select-none"
       onWheel={handleWheel}
     >
       <div
diff --git a/app/w/components/blocks/components/workflow-block/sub-block/components/short-input.tsx b/app/w/components/blocks/components/workflow-block/sub-block/components/short-input.tsx
index 5a9ed828c9..4358ce040f 100644
--- a/app/w/components/blocks/components/workflow-block/sub-block/components/short-input.tsx
+++ b/app/w/components/blocks/components/workflow-block/sub-block/components/short-input.tsx
@@ -2,7 +2,7 @@ import { Input } from '@/components/ui/input'
 import { useState } from 'react'
 
 interface ShortInputProps {
-  placeholder: string
+  placeholder?: string
   password?: boolean
 }
 
@@ -13,7 +13,7 @@ export function ShortInput({ placeholder, password }: ShortInputProps) {
   return (
     <Input
       className="w-full"
-      placeholder={placeholder}
+      placeholder={placeholder ?? ''}
       type={password && !isFocused ? 'password' : 'text'}
       value={value}
       onChange={(e) => setValue(e.target.value)}
diff --git a/app/w/components/blocks/components/workflow-block/sub-block/sub-block.tsx b/app/w/components/blocks/components/workflow-block/sub-block/sub-block.tsx
index a49b5af0ad..dc1267ab67 100644
--- a/app/w/components/blocks/components/workflow-block/sub-block/sub-block.tsx
+++ b/app/w/components/blocks/components/workflow-block/sub-block/sub-block.tsx
@@ -19,10 +19,12 @@ export function SubBlock({ config }: SubBlockProps) {
   const renderInput = () => {
     switch (config.type) {
       case 'short-input':
-        return <ShortInput 
-          placeholder={config.placeholder ?? ''} 
-          password={config.password}
-        />
+        return (
+          <ShortInput
+            placeholder={config.placeholder}
+            password={config.password}
+          />
+        )
       case 'long-input':
         return <LongInput />
       case 'dropdown':
diff --git a/app/w/components/blocks/components/workflow-block/workflow-block.tsx b/app/w/components/blocks/components/workflow-block/workflow-block.tsx
index 979b090264..5816af773c 100644
--- a/app/w/components/blocks/components/workflow-block/workflow-block.tsx
+++ b/app/w/components/blocks/components/workflow-block/workflow-block.tsx
@@ -109,7 +109,7 @@ export function WorkflowBlock({
   return (
     <Card
       className={cn(
-        'absolute w-[320px] shadow-md cursor-move',
+        'absolute w-[320px] shadow-md cursor-move select-none',
         'transform -translate-x-1/2 -translate-y-1/2',
         isDragging && 'pointer-events-none'
       )}