feat(input): Add drag prevention to popover and improve icon fallback…

… handling (langflow-ai#4544)
headlinevc · Nov 26, 2024 · 13b988b · 13b988b
1 parent 5930c4c
commit 13b988b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/frontend/src/components/inputComponent/components/popover/index.tsx b/src/frontend/src/components/inputComponent/components/popover/index.tsx
@@ -127,7 +127,7 @@ const CustomInputPopover = ({
               disabled={disabled}
               required={required}
               className={cn(
-                "popover-input truncate pr-4",
+                "popover-input nodrag truncate pr-4",
                 editNode && "px-3",
                 editNode && disabled && "h-fit w-fit",
                 disabled &&

diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
@@ -179,13 +179,15 @@ export default function InputComponent({
             )}
           >
             <ForwardedIconComponent
-              name={getIconName(
-                disabled!,
-                selectedOption!,
-                optionsIcon,
-                nodeStyle!,
-                isToolMode!,
-              )}
+              name={
+                getIconName(
+                  disabled!,
+                  selectedOption!,
+                  optionsIcon,
+                  nodeStyle!,
+                  isToolMode!,
+                ) || "ChevronsUpDown"
+              }
               className={cn(
                 disabled ? "cursor-grab text-placeholder" : "cursor-pointer",
                 "icon-size",