From b884c106e9b4db1cb4e682aba124ab9f5de144d0 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Wed, 14 Dec 2022 11:05:06 +0100
Subject: [PATCH] [v9.3.x] Influx: Query segment menus now position correctly
 near the bottom of the screen (#60291)

Influx: Query segment menus now position correctly near the bottom of the screen (#60087)

* only open the menu once options are loaded for better positioning

* use !loadState.loading instead of Boolean(loadState.value)

(cherry picked from commit bb2ecb14689127ccd62b6b3539818c4973c601fa)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
---
 .../datasource/influxdb/components/VisualInfluxQLEditor/Seg.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/plugins/datasource/influxdb/components/VisualInfluxQLEditor/Seg.tsx b/public/app/plugins/datasource/influxdb/components/VisualInfluxQLEditor/Seg.tsx
index ad2abab2a39..c1ba0c6357b 100644
--- a/public/app/plugins/datasource/influxdb/components/VisualInfluxQLEditor/Seg.tsx
+++ b/public/app/plugins/datasource/influxdb/components/VisualInfluxQLEditor/Seg.tsx
@@ -111,7 +111,7 @@ const SelSingleLoad = ({ loadOptions, allowCustomValue, onChange, onClose }: Sel
         isLoading={loadState.loading}
         formatCreateLabel={formatCreateLabel}
         autoFocus
-        isOpen
+        isOpen={!loadState.loading}
         onCloseMenu={onClose}
         allowCustomValue={allowCustomValue}
         options={loadState.value ?? []}