Fixes resetting of scroll position in RecordShowPage due to opening of some dropdowns (#6890) (#6906)

fixes #6890

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-front/src/modules/ui/input/hooks/useInputFocusWithoutScrollOnMount.ts

@@ -0,0 +1,14 @@
+import { useEffect, useRef } from 'react';
+import { isDefined } from 'twenty-ui';
+
+export const useInputFocusWithoutScrollOnMount = () => {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    if (isDefined(inputRef.current)) {
+      inputRef.current.focus({ preventScroll: true });
+    }
+  });
+
+  return { inputRef };
+};

packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSearchInput.tsx

@@ -1,5 +1,6 @@
-import { forwardRef, InputHTMLAttributes } from 'react';
+import { useInputFocusWithoutScrollOnMount } from '@/ui/input/hooks/useInputFocusWithoutScrollOnMount';
 import styled from '@emotion/styled';
+import { forwardRef, InputHTMLAttributes } from 'react';
 import { TEXT_INPUT_STYLE } from 'twenty-ui';
 
 const StyledDropdownMenuSearchInputContainer = styled.div`
@@ -35,12 +36,16 @@ const StyledInput = styled.input`
 export const DropdownMenuSearchInput = forwardRef<
   HTMLInputElement,
   InputHTMLAttributes<HTMLInputElement>
->(({ value, onChange, autoFocus, placeholder = 'Search', type }, ref) => (
-  <StyledDropdownMenuSearchInputContainer>
-    <StyledInput
-      autoComplete="off"
-      {...{ autoFocus, onChange, placeholder, type, value }}
-      ref={ref}
-    />
-  </StyledDropdownMenuSearchInputContainer>
-));
+>(({ value, onChange, placeholder = 'Search', type }) => {
+  const { inputRef } = useInputFocusWithoutScrollOnMount();
+
+  return (
+    <StyledDropdownMenuSearchInputContainer>
+      <StyledInput
+        autoComplete="off"
+        {...{ onChange, placeholder, type, value }}
+        ref={inputRef}
+      />
+    </StyledDropdownMenuSearchInputContainer>
+  );
+});