From 14987efae4d2ad1cb5fd958e959fa9086742b4f6 Mon Sep 17 00:00:00 2001 From: Alexander Zobnin Date: Wed, 30 Nov 2022 14:03:01 +0100 Subject: [PATCH] Fix metric picker query update --- src/components/MetricPicker/MetricPicker.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/MetricPicker/MetricPicker.tsx b/src/components/MetricPicker/MetricPicker.tsx index c937a39..22d8c47 100644 --- a/src/components/MetricPicker/MetricPicker.tsx +++ b/src/components/MetricPicker/MetricPicker.tsx @@ -73,6 +73,13 @@ export const MetricPicker = ({ value, options, isLoading, width, onChange }: Pro onClose(); }; + const onBlurInternal = () => { + if (!isOpen) { + // Only call if menu isn't opened + onChange(query); + } + }; + const onKeyDown = (e: React.KeyboardEvent) => { if (e.key === 'ArrowDown') { if (!isOpen) { @@ -105,7 +112,7 @@ export const MetricPicker = ({ value, options, isLoading, width, onChange }: Pro value={query} type="text" onChange={onInputChange} - onBlur={() => onChange(query)} + onBlur={onBlurInternal} onMouseDown={onOpen} suffix={isLoading && } width={width}