Merge pull request #462 from xBimTeam/fix/canvas-mouse-move

Fixed hovering elements when the mouse over event is not from the viewer canvas
xBimTeam · Aug 25, 2024 · 8920fde · 8920fde
2 parents 88ad67f + 4fa2417
commit 8920fde
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/navigation/mouse-navigation.ts b/src/navigation/mouse-navigation.ts
@@ -128,7 +128,10 @@ export class MouseNavigation {
         };
 
         var handleMouseMove = (event: MouseEvent) => {
-            if (viewer.hoverPickEnabled && !mouseDown && viewer.navigationMode !== 'walk') {
+
+            const isCanvasOurTarget = event.target instanceof HTMLCanvasElement;
+
+            if (viewer.hoverPickEnabled && !mouseDown && viewer.navigationMode !== 'walk' && isCanvasOurTarget) {
 
                 //get coordinates within canvas (with the right orientation)
                 let r = viewer.canvas.getBoundingClientRect();
@@ -139,6 +142,12 @@ export class MouseNavigation {
                 viewer.setHoverPick(data.id, data.model);
                 viewer.fire('hoverpick', { id: data.id, model: data.model, event: event, xyz: data.xyz });
             }
+
+            if(!isCanvasOurTarget)
+            {
+                viewer.setHoverPick(undefined, undefined);
+            }
+
             if (!mouseDown) {
                 return;
             }