Fix graph label drop down list position problem

This commit is contained in:
yangdx
2025-04-07 22:12:58 +08:00
parent e1ea3bf88a
commit 2731634ba4
2 changed files with 9 additions and 3 deletions

View File

@@ -108,12 +108,12 @@ const GraphLabels = () => {
variant={controlButtonVariant} variant={controlButtonVariant}
onClick={handleRefresh} onClick={handleRefresh}
tooltip={t('graphPanel.graphLabels.refreshTooltip')} tooltip={t('graphPanel.graphLabels.refreshTooltip')}
className="mr-1" className="mr-2"
> >
<RefreshCw className="h-4 w-4" /> <RefreshCw className="h-4 w-4" />
</Button> </Button>
<AsyncSelect<string> <AsyncSelect<string>
className="ml-2" className="min-w-[300px]"
triggerClassName="max-h-8" triggerClassName="max-h-8"
searchInputClassName="max-h-8" searchInputClassName="max-h-8"
triggerTooltip={t('graphPanel.graphLabels.selectTooltip')} triggerTooltip={t('graphPanel.graphLabels.selectTooltip')}

View File

@@ -210,7 +210,13 @@ export function AsyncSelect<T>({
<ChevronsUpDown className="opacity-50" size={10} /> <ChevronsUpDown className="opacity-50" size={10} />
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className={cn('p-0', className)} onCloseAutoFocus={(e) => e.preventDefault()}> <PopoverContent
className={cn('p-0', className)}
onCloseAutoFocus={(e) => e.preventDefault()}
align="start"
sideOffset={8}
collisionPadding={5}
>
<Command shouldFilter={false}> <Command shouldFilter={false}>
<div className="relative w-full border-b"> <div className="relative w-full border-b">
<CommandInput <CommandInput