This commit is contained in:
dengqichen 2025-01-10 14:26:01 +08:00
parent e661ff1cf2
commit 0ee6aeb2ec

View File

@ -325,7 +325,9 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
onChange={(e) => setSearchValue(e.target.value)} onChange={(e) => setSearchValue(e.target.value)}
/> />
</div> </div>
<ScrollArea className="h-[200px]"> <div className="relative">
<ScrollArea className="h-[200px] w-full">
<div className="p-1">
{filteredGroups.length === 0 ? ( {filteredGroups.length === 0 ? (
<div className="p-4 text-center text-sm text-muted-foreground"> <div className="p-4 text-center text-sm text-muted-foreground">
@ -346,6 +348,12 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
setSearchValue(""); setSearchValue("");
setOpen(false); setOpen(false);
}} }}
onWheel={(e) => {
const scrollArea = e.currentTarget.closest('[data-radix-scroll-area-viewport]');
if (scrollArea) {
scrollArea.scrollTop += e.deltaY;
}
}}
> >
{group.name} {group.name}
{group.id === field.value && ( {group.id === field.value && (
@ -354,7 +362,9 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
</div> </div>
)) ))
)} )}
</div>
</ScrollArea> </ScrollArea>
</div>
</PopoverContent> </PopoverContent>
</Popover> </Popover>
<FormMessage /> <FormMessage />
@ -409,7 +419,9 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
onChange={(e) => setSearchValue(e.target.value)} onChange={(e) => setSearchValue(e.target.value)}
/> />
</div> </div>
<ScrollArea className="h-[200px]"> <div className="relative">
<ScrollArea className="h-[200px] w-full">
<div className="p-1">
{filteredProjects.length === 0 ? ( {filteredProjects.length === 0 ? (
<div className="p-4 text-center text-sm text-muted-foreground"> <div className="p-4 text-center text-sm text-muted-foreground">
@ -427,6 +439,12 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
setSearchValue(""); setSearchValue("");
setOpen(false); setOpen(false);
}} }}
onWheel={(e) => {
const scrollArea = e.currentTarget.closest('[data-radix-scroll-area-viewport]');
if (scrollArea) {
scrollArea.scrollTop += e.deltaY;
}
}}
> >
{project.name} {project.name}
{project.projectId === field.value && ( {project.projectId === field.value && (
@ -435,7 +453,9 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
</div> </div>
)) ))
)} )}
</div>
</ScrollArea> </ScrollArea>
</div>
</PopoverContent> </PopoverContent>
</Popover> </Popover>
<FormMessage /> <FormMessage />