diff --git a/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx b/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx index 3ee215d3a66..82413e2ffb4 100644 --- a/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx +++ b/public/app/plugins/datasource/prometheus/querybuilder/shared/LabelFilterItem.tsx @@ -36,8 +36,8 @@ export function LabelFilterItem({ isLoadingLabelValues?: boolean; }>({}); - const isMultiSelect = () => { - return operators.find((op) => op.label === item.op)?.isMultiValue; + const isMultiSelect = (operator = item.op) => { + return operators.find((op) => op.label === operator)?.isMultiValue; }; const getSelectOptionsFromString = (item?: string): string[] => { @@ -94,7 +94,11 @@ export function LabelFilterItem({ width="auto" onChange={(change) => { if (change.value != null) { - onChange({ ...item, op: change.value } as unknown as QueryBuilderLabelFilter); + onChange({ + ...item, + op: change.value, + value: isMultiSelect(change.value) ? item.value : getSelectOptionsFromString(item?.value)[0], + } as unknown as QueryBuilderLabelFilter); } }} />