Fixed dropdown going upwards

src/frontend/src/components/dropdownComponent/index.tsx

@@ -59,7 +59,7 @@ export default function Dropdown({
                       ? "dropdown-component-outline"
                       : "dropdown-component-false-outline",
                     "w-full justify-between font-normal",
-                    editNode ? "input-edit-node" : "py-2"
+                    editNode ? "input-edit-node" : "py-2",
                   )}
                 >
                   <span data-testid={`value-dropdown-` + id}>
@@ -78,6 +78,8 @@ export default function Dropdown({
               </PopoverTrigger>
             )}
             <PopoverContentDropdown
+              side="bottom"
+              avoidCollisions={!!children}
               className="nocopy nowheel nopan nodelete nodrag noundo p-0"
               style={
                 children
@@ -105,7 +107,7 @@ export default function Dropdown({
                           name="Check"
                           className={cn(
                             "ml-auto h-4 w-4 text-primary",
-                            value === option ? "opacity-100" : "opacity-0"
+                            value === option ? "opacity-100" : "opacity-0",
                           )}
                         />
                       </CommandItem>

src/frontend/src/components/inputComponent/index.tsx

@@ -169,6 +169,7 @@ export default function InputComponent({
               className="nocopy nopan nodelete nodrag noundo p-0"
               style={{ minWidth: refInput?.current?.clientWidth ?? "200px" }}
               side="bottom"
+              avoidCollisions={false}
               align="center"
             >
               <Command