Fixes Strange behaviour when reordering options of select field (#6103) (#6339)

fixes #6103

---------

Co-authored-by: Marie Stoppa <[email protected]>

Author: Faisal-imtiyaz123

packages/twenty-front/src/modules/settings/data-model/fields/forms/select/components/SettingsDataModelFieldSelectForm.tsx

@@ -218,6 +218,7 @@ export const SettingsDataModelFieldSelectForm = ({
                   <>
                     {options.map((option, index) => (
                       <DraggableItem
+                        isInsideScrollableContainer
                         key={option.id}
                         draggableId={option.id}
                         index={index}

packages/twenty-front/src/modules/ui/layout/draggable-list/components/DraggableItem.tsx

@@ -7,13 +7,15 @@ type DraggableItemProps = {
   isDragDisabled?: boolean;
   index: number;
   itemComponent: JSX.Element;
+  isInsideScrollableContainer?: boolean;
 };
 
 export const DraggableItem = ({
   draggableId,
   isDragDisabled = false,
   index,
   itemComponent,
+  isInsideScrollableContainer,
 }: DraggableItemProps) => {
   const theme = useTheme();
   return (
@@ -36,7 +38,7 @@ export const DraggableItem = ({
             style={{
               ...draggableStyle,
               left: 'auto',
-              top: 'auto',
+              ...(isInsideScrollableContainer ? {} : { top: 'auto' }),
               transform: draggableStyle?.transform?.replace(
                 /\(-?\d+px,/,
                 '(0,',