From d87b763e34aeb5dd1d070a020c0c399f78ad5c38 Mon Sep 17 00:00:00 2001
From: PRADEEP SAHU <pradeep.sahu@maersk.com>
Date: Mon, 29 Jun 2026 16:16:58 +0530
Subject: [PATCH] UI : use React.Memo position for SelectContent to prevent
 scroll reset (#2261)

* fix(ui): use popper position for SelectContent to prevent scroll reset

* fix(ui): use React.memo to prevent scroll resets without breaking popper position
---
 .../src/renderer/components/CreateProjectAgentSheet.tsx     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/renderer/components/CreateProjectAgentSheet.tsx b/frontend/src/renderer/components/CreateProjectAgentSheet.tsx
index ea4a7339b..0f9a75f18 100644
--- a/frontend/src/renderer/components/CreateProjectAgentSheet.tsx
+++ b/frontend/src/renderer/components/CreateProjectAgentSheet.tsx
@@ -1,6 +1,6 @@
 import * as Dialog from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { useEffect, useState } from "react";
+import { memo, useEffect, useState } from "react";
 import { AGENT_OPTIONS } from "../lib/agent-options";
 import { Button } from "./ui/button";
 import { Label } from "./ui/label";
@@ -108,7 +108,7 @@ export function CreateProjectAgentSheet({
 	);
 }
 
-export function RequiredAgentField({
+export const RequiredAgentField = memo(function RequiredAgentField({
 	id,
 	invalid = false,
 	label,
@@ -142,4 +142,4 @@ export function RequiredAgentField({
 			</Select>
 		</div>
 	);
-}
+});