From b65e6d0baba6fb4b6e45aeacf2f899d4e6ce0c84 Mon Sep 17 00:00:00 2001
From: Aasim Khan <aasimkhan30@gmail.com>
Date: Fri, 11 Feb 2022 14:17:26 -0800
Subject: [PATCH] Fixed tooltip not hiding when scrolling through graph control
 (#18314)

---
 src/sql/workbench/contrib/queryplan2/browser/queryPlan.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/sql/workbench/contrib/queryplan2/browser/queryPlan.ts b/src/sql/workbench/contrib/queryplan2/browser/queryPlan.ts
index eab01bd5f0..8fec6f7b94 100644
--- a/src/sql/workbench/contrib/queryplan2/browser/queryPlan.ts
+++ b/src/sql/workbench/contrib/queryplan2/browser/queryPlan.ts
@@ -390,9 +390,14 @@ export class QueryPlan2 implements ISashLayoutProvider {
 			 * use the scroll bars.
 			 */
 			diagramContainer.addEventListener('wheel', e => {
+				this._parent.scrollTop += e.deltaY;
+				//Hiding all tooltips when we scroll.
+				const element = document.getElementsByClassName('mxTooltip');
+				for (let i = 0; i < element.length; i++) {
+					(<HTMLElement>element[i]).style.visibility = 'hidden';
+				}
 				e.preventDefault();
 				e.stopPropagation();
-				this._parent.scrollTop += e.deltaY;
 			});
 
 			this._planContainer.appendChild(diagramContainer);