From 05583101498d615afca4ac3250c52bf638c1a811 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ida=20=C5=A0tambuk?= <ida.stambuk@grafana.com>
Date: Mon, 18 Mar 2024 17:24:18 +0100
Subject: [PATCH] Menu placement = auto

---
 src/components/query/ListAssetsQueryEditor.tsx |  4 ++--
 src/components/query/PropertyQueryEditor.tsx   | 10 +++++-----
 src/components/query/QualityAndOrderRow.tsx    |  6 +++---
 src/components/query/QueryEditor.tsx           |  4 ++--
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/query/ListAssetsQueryEditor.tsx b/src/components/query/ListAssetsQueryEditor.tsx
index 4f5a74a3..d37a9e49 100644
--- a/src/components/query/ListAssetsQueryEditor.tsx
+++ b/src/components/query/ListAssetsQueryEditor.tsx
@@ -81,7 +81,7 @@ export class ListAssetsQueryEditor extends PureComponent<Props, State> {
               isClearable={true}
               isSearchable={true}
               formatCreateLabel={(txt) => `Model ID: ${txt}`}
-              menuPlacement="bottom"
+              menuPlacement="auto"
             />
           </EditorField>
           <EditorField label="Filter" htmlFor="filter" width={20}>
@@ -92,7 +92,7 @@ export class ListAssetsQueryEditor extends PureComponent<Props, State> {
               value={filters.find((v) => v.value === query.filter) || filters[0]}
               onChange={this.onFilterChange}
               placeholder="Select a property"
-              menuPlacement="bottom"
+              menuPlacement="auto"
             />
           </EditorField>
         </EditorFieldGroup>
diff --git a/src/components/query/PropertyQueryEditor.tsx b/src/components/query/PropertyQueryEditor.tsx
index 967abe8a..b8b55d13 100644
--- a/src/components/query/PropertyQueryEditor.tsx
+++ b/src/components/query/PropertyQueryEditor.tsx
@@ -243,7 +243,7 @@ export class PropertyQueryEditor extends PureComponent<Props, State> {
             stats={query.aggregates ?? []}
             onChange={this.onAggregateChange}
             defaultStat={getDefaultAggregate(property)}
-            menuPlacement="bottom"
+            menuPlacement="auto"
           />
         </EditorField>
         <EditorField label="Resolution" htmlFor="resolution" width={25}>
@@ -253,7 +253,7 @@ export class PropertyQueryEditor extends PureComponent<Props, State> {
             options={resolutions}
             value={resolutions.find((v) => v.value === query.resolution) || resolutions[0]}
             onChange={this.onResolutionChange}
-            menuPlacement="bottom"
+            menuPlacement="auto"
           />
         </EditorField>
       </EditorFieldGroup>
@@ -316,7 +316,7 @@ export class PropertyQueryEditor extends PureComponent<Props, State> {
           isSearchable={true}
           onCreateOption={this.onSetHierarchyId}
           formatCreateLabel={(txt) => `Hierarchy Id: ${txt}`}
-          menuPlacement="bottom"
+          menuPlacement="auto"
         />
       </EditorField>
     ) : (
@@ -426,7 +426,7 @@ export class PropertyQueryEditor extends PureComponent<Props, State> {
                     isSearchable={true}
                     onCreateOption={this.onSetAssetId}
                     formatCreateLabel={(txt) => `Asset ID: ${txt}`}
-                    menuPlacement="bottom"
+                    menuPlacement="auto"
                   />
                 </EditorField>
 
@@ -457,7 +457,7 @@ export class PropertyQueryEditor extends PureComponent<Props, State> {
                       isSearchable={true}
                       onCreateOption={this.onSetPropertyId}
                       formatCreateLabel={(txt) => `Property ID: ${txt}`}
-                      menuPlacement="bottom"
+                      menuPlacement="auto"
                     />
                   </EditorField>
                 </EditorFieldGroup>
diff --git a/src/components/query/QualityAndOrderRow.tsx b/src/components/query/QualityAndOrderRow.tsx
index 95a99c12..9ed66d1e 100644
--- a/src/components/query/QualityAndOrderRow.tsx
+++ b/src/components/query/QualityAndOrderRow.tsx
@@ -100,7 +100,7 @@ export class QualityAndOrderRow extends PureComponent<Props> {
             value={qualities.find((v) => v.value === query.quality) ?? qualities[0]}
             onChange={this.onQualityChange}
             isSearchable={true}
-            menuPlacement="bottom"
+            menuPlacement="auto"
           />
         </EditorField>
         <EditorField label="Time" width={10} htmlFor="time">
@@ -111,7 +111,7 @@ export class QualityAndOrderRow extends PureComponent<Props> {
             value={ordering.find((v) => v.value === query.timeOrdering) ?? ordering[0]}
             onChange={this.onOrderChange}
             isSearchable={true}
-            menuPlacement="bottom"
+            menuPlacement="auto"
           />
         </EditorField>
         <EditorField label="Format" width={10} htmlFor="format">
@@ -131,7 +131,7 @@ export class QualityAndOrderRow extends PureComponent<Props> {
               options={interpolatedResolutions}
               value={interpolatedResolutions.find((v) => v.value === query.resolution) || interpolatedResolutions[0]}
               onChange={this.onResolutionChange}
-              menuPlacement="bottom"
+              menuPlacement="auto"
             />
           </EditorField>
         )}
diff --git a/src/components/query/QueryEditor.tsx b/src/components/query/QueryEditor.tsx
index fd39c658..ab38d9e4 100644
--- a/src/components/query/QueryEditor.tsx
+++ b/src/components/query/QueryEditor.tsx
@@ -96,7 +96,7 @@ export function QueryEditor(props: Props) {
                     value={currentQueryType}
                     onChange={onQueryTypeChange}
                     placeholder="Select query type"
-                    menuPlacement="bottom"
+                    menuPlacement="auto"
                   />
                 </EditorField>
                 <EditorField label="Region" width={15}>
@@ -107,7 +107,7 @@ export function QueryEditor(props: Props) {
                     backspaceRemovesValue={true}
                     allowCustomValue={true}
                     isClearable={true}
-                    menuPlacement="bottom"
+                    menuPlacement="auto"
                   />
                 </EditorField>
               </EditorFieldGroup>