From cbdba57924aaf3655c2cfc7a838ea372e7518b7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A1bor=20Farkas?= <gabor.farkas@gmail.com>
Date: Wed, 8 Sep 2021 10:23:59 +0200
Subject: [PATCH] Prometheus: fix popup positioning in monaco-based query-field
 (#38964)

* prometheus: monaco: fix popup positioning

* added explanation comment
---
 .../components/monaco-query-field/MonacoQueryField.tsx         | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/app/plugins/datasource/prometheus/components/monaco-query-field/MonacoQueryField.tsx b/public/app/plugins/datasource/prometheus/components/monaco-query-field/MonacoQueryField.tsx
index ab4026256f1..76b995b858a 100644
--- a/public/app/plugins/datasource/prometheus/components/monaco-query-field/MonacoQueryField.tsx
+++ b/public/app/plugins/datasource/prometheus/components/monaco-query-field/MonacoQueryField.tsx
@@ -16,6 +16,9 @@ const options: CodeEditorMonacoOptions = {
   scrollBeyondLastLine: false,
   renderLineHighlight: 'none',
   fontSize: 14,
+  // we need `fixedOverflowWidgets` because otherwise in grafana-dashboards
+  // the popup is clipped by the panel-visualizations.
+  fixedOverflowWidgets: true,
 };
 
 const MonacoQueryField = (props: Props) => {