From 8d9da348270311c0cb98c3d23acffca3253028c5 Mon Sep 17 00:00:00 2001
From: Andres Martinez Gotor <andres.martinez@grafana.com>
Date: Tue, 11 Oct 2022 10:19:37 +0200
Subject: [PATCH] @grafana/ui: EditorField tooltip interactive (#56557)

---
 .../grafana-ui/src/components/QueryEditor/EditorField.tsx    | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/QueryEditor/EditorField.tsx b/packages/grafana-ui/src/components/QueryEditor/EditorField.tsx
index 4c1052b077c..d25fe998a08 100644
--- a/packages/grafana-ui/src/components/QueryEditor/EditorField.tsx
+++ b/packages/grafana-ui/src/components/QueryEditor/EditorField.tsx
@@ -17,10 +17,11 @@ interface EditorFieldProps extends ComponentProps<typeof Field> {
   width?: number | string;
   optional?: boolean;
   tooltip?: PopoverContent;
+  tooltipInteractive?: boolean;
 }
 
 export const EditorField: React.FC<EditorFieldProps> = (props) => {
-  const { label, optional, tooltip, children, width, ...fieldProps } = props;
+  const { label, optional, tooltip, tooltipInteractive, children, width, ...fieldProps } = props;
 
   const theme = useTheme2();
   const styles = getStyles(theme, width);
@@ -34,7 +35,7 @@ export const EditorField: React.FC<EditorFieldProps> = (props) => {
         {label}
         {optional && <span className={styles.optional}> - optional</span>}
         {tooltip && (
-          <Tooltip placement="top" content={tooltip} theme="info">
+          <Tooltip placement="top" content={tooltip} theme="info" interactive={tooltipInteractive}>
             <Icon name="info-circle" size="sm" className={styles.icon} />
           </Tooltip>
         )}