Fixes graph hover out on graph background

Author: eamodio

CHANGELOG.md

@@ -10,6 +10,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 - Fixes Git diff of a renamed file is shown as a new file ([#4246](https://github.com/gitkraken/vscode-gitlens/issues/4246))
 - Fixes typos ([#4345](https://github.com/gitkraken/vscode-gitlens/issues/4345) — thanks to [PR #4346](https://github.com/gitkraken/vscode-gitlens/pull/4346) by Noritaka Kobayashi ([@noritaka1166](https://github.com/noritaka1166)))
+- Fixes issue where the _Commit Graph_ hover would not hide when going from the hover to the graph background (not another row)
 
 ## [17.5.1] - 2025-09-24
 

src/webviews/apps/plus/graph/hover/graphHover.ts

@@ -83,6 +83,11 @@ export class GlGraphHover extends GlElement {
 		window.removeEventListener('keydown', this.onWindowKeydown);
 	}
 
+	override firstUpdated(): void {
+		// Add mouseleave listener to the popover to handle when mouse moves from hover to graph background
+		this.popup?.addEventListener('mouseleave', this.onPopoverMouseLeave);
+	}
+
 	override render(): unknown {
 		return html`<gl-popover
 			?open=${this.open}
@@ -134,6 +139,20 @@ export class GlGraphHover extends GlElement {
 		this.hide();
 	};
 
+	private onPopoverMouseLeave = (e: MouseEvent) => {
+		// When mouse leaves the popover, check if it's going to a graph row or staying within the hover component
+		const relatedTarget = e.relatedTarget;
+		if (relatedTarget != null && relatedTarget instanceof HTMLElement) {
+			// Don't hide if moving to another part of the hover component
+			if (relatedTarget.closest('gl-graph-hover')) return;
+		}
+
+		// Use a small delay to allow row hover events to fire first
+		// If moving to another row, the row hover event will cancel this timer and show the new hover
+		// If moving to graph background, this timer will hide the hover
+		this.unhoverTimer = setTimeout(() => this.hide(), 100);
+	};
+
 	private _showCoreDebounced: Deferrable<GlGraphHover['showCore']> | undefined = undefined;
 
 	onRowHovered(row: GraphRow, anchor: Anchor): void {