From 0fe5f766c8fe8b091c1006f43bc83def767029b8 Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Fri, 10 Jan 2025 10:34:19 +0800
Subject: [PATCH] 1

---
 .../List/components/ApplicationModal.tsx      | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx b/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx
index e10aee43..221a69c6 100644
--- a/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx
+++ b/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx
@@ -299,19 +299,28 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
                                                         </Button>
                                                     </FormControl>
                                                 </PopoverTrigger>
-                                                <PopoverContent className="w-full p-0">
-                                                    <Command>
-                                                        <CommandInput placeholder="搜索代码仓库组..." />
+                                                <PopoverContent className="w-[--radix-popover-trigger-width] p-0" side="bottom" align="start">
+                                                    <Command className="w-full">
+                                                        <CommandInput 
+                                                            placeholder="搜索代码仓库组..." 
+                                                            className="h-9"
+                                                        />
                                                         <CommandEmpty>未找到代码仓库组</CommandEmpty>
-                                                        <CommandGroup>
-                                                            <ScrollArea className="h-60">
+                                                        <ScrollArea className="h-[200px] overflow-auto">
+                                                            <CommandGroup className="overflow-hidden">
                                                                 {repositoryGroups.map((group) => (
                                                                     <CommandItem
-                                                                        value={group.name}
                                                                         key={group.id}
+                                                                        value={group.name}
                                                                         onSelect={() => {
                                                                             form.setValue("repositoryGroupId", group.id);
+                                                                            // 关闭 Popover
+                                                                            const popoverTrigger = document.querySelector('[role="combobox"]');
+                                                                            if (popoverTrigger) {
+                                                                                (popoverTrigger as HTMLElement).click();
+                                                                            }
                                                                         }}
+                                                                        className="cursor-pointer"
                                                                     >
                                                                         <Check
                                                                             className={cn(
@@ -324,8 +333,8 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
                                                                         {group.name}
                                                                     </CommandItem>
                                                                 ))}
-                                                            </ScrollArea>
-                                                        </CommandGroup>
+                                                            </CommandGroup>
+                                                        </ScrollArea>
                                                     </Command>
                                                 </PopoverContent>
                                             </Popover>