From 64869e3d90c6e140e979218e57d2e76ecc03ac6b Mon Sep 17 00:00:00 2001
From: Victor Marin <36818606+mdvictor@users.noreply.github.com>
Date: Mon, 12 Sep 2022 19:45:31 +0300
Subject: [PATCH] Fix StateTimeline zoom function (#55033)

---
 .../panel/state-timeline/StateTimelinePanel.tsx        | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/app/plugins/panel/state-timeline/StateTimelinePanel.tsx b/public/app/plugins/panel/state-timeline/StateTimelinePanel.tsx
index ae0a2eb6f9a..8e800427dc7 100644
--- a/public/app/plugins/panel/state-timeline/StateTimelinePanel.tsx
+++ b/public/app/plugins/panel/state-timeline/StateTimelinePanel.tsx
@@ -181,10 +181,6 @@ export const StateTimelinePanel: React.FC<TimelinePanelProps> = ({
           });
         }
 
-        if (options.tooltip.mode === TooltipDisplayMode.None) {
-          return null;
-        }
-
         return (
           <>
             <ZoomPlugin config={config} onZoom={onChangeTimeRange} />
@@ -198,6 +194,10 @@ export const StateTimelinePanel: React.FC<TimelinePanelProps> = ({
             {enableAnnotationCreation ? (
               <AnnotationEditorPlugin data={alignedFrame} timeZone={timeZone} config={config}>
                 {({ startAnnotating }) => {
+                  if (options.tooltip.mode === TooltipDisplayMode.None) {
+                    return null;
+                  }
+
                   return (
                     <Portal>
                       {hover && coords && (
@@ -218,7 +218,7 @@ export const StateTimelinePanel: React.FC<TimelinePanelProps> = ({
               </AnnotationEditorPlugin>
             ) : (
               <Portal>
-                {hover && coords && (
+                {options.tooltip.mode !== TooltipDisplayMode.None && hover && coords && (
                   <VizTooltipContainer
                     position={{ x: coords.viewport.x, y: coords.viewport.y }}
                     offset={{ x: TOOLTIP_OFFSET, y: TOOLTIP_OFFSET }}