From 76115309faa9668692c967c17d6d9e96031aaa91 Mon Sep 17 00:00:00 2001
From: ahmedobaid23 <111188459+ahmedobaid23@users.noreply.github.com>
Date: Tue, 19 Aug 2025 13:21:52 +0500
Subject: [PATCH] fix: scroll to selected element without animation when
 dropdown opens (#13969)

Fixes #13957

### Changes made

- updated `scrollIntoView` options to `behavior: auto` and `block:
start` in the `SelectableListItem.tsx` component.

### New behaviour


https://github.com/user-attachments/assets/7e71e132-f6e3-4451-8ee0-fa59ae9edd67
---
 .../layout/selectable-list/components/SelectableListItem.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/selectable-list/components/SelectableListItem.tsx b/packages/twenty-front/src/modules/ui/layout/selectable-list/components/SelectableListItem.tsx
index 8789a8eae22..ad679cd02c8 100644
--- a/packages/twenty-front/src/modules/ui/layout/selectable-list/components/SelectableListItem.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/selectable-list/components/SelectableListItem.tsx
@@ -35,8 +35,8 @@ export const SelectableListItem = ({
   useEffect(() => {
     if (isSelectedItemId) {
       listItemRef.current?.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
+        behavior: 'auto',
+        block: 'start',
       });
     }
   }, [isSelectedItemId]);