From da41d9d92148a7ff9fc78ac4c96eb60604c55f9a Mon Sep 17 00:00:00 2001
From: SilentSpike <SilentSpike100+Github@gmail.com>
Date: Sun, 27 Jan 2019 13:13:44 +0000
Subject: [PATCH] Fix mouseover events on imagery layer bubbles

This is just a minor thing that doesn't usually alter visible behaviour.

The mouseover and mouseout events would fire when moving between child
elements of the svg group which was unnecessary.
---
 modules/svg/mapillary_images.js     | 4 ++--
 modules/svg/openstreetcam_images.js | 4 ++--
 modules/svg/streetside.js           | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/modules/svg/mapillary_images.js b/modules/svg/mapillary_images.js
index 55dfa7dd3..7eda83646 100644
--- a/modules/svg/mapillary_images.js
+++ b/modules/svg/mapillary_images.js
@@ -164,8 +164,8 @@ export function svgMapillaryImages(projection, context, dispatch) {
         var groupsEnter = groups.enter()
             .append('g')
             .attr('class', 'viewfield-group')
-            .on('mouseover', mouseover)
-            .on('mouseout', mouseout)
+            .on('mouseenter', mouseover)
+            .on('mouseleave', mouseout)
             .on('click', click);
 
         groupsEnter
diff --git a/modules/svg/openstreetcam_images.js b/modules/svg/openstreetcam_images.js
index 35fc76cc0..254897169 100644
--- a/modules/svg/openstreetcam_images.js
+++ b/modules/svg/openstreetcam_images.js
@@ -147,8 +147,8 @@ export function svgOpenstreetcamImages(projection, context, dispatch) {
         var groupsEnter = groups.enter()
             .append('g')
             .attr('class', 'viewfield-group')
-            .on('mouseover', mouseover)
-            .on('mouseout', mouseout)
+            .on('mouseenter', mouseover)
+            .on('mouseleave', mouseout)
             .on('click', click);
 
         groupsEnter
diff --git a/modules/svg/streetside.js b/modules/svg/streetside.js
index 8acfd3cff..5884ed76d 100644
--- a/modules/svg/streetside.js
+++ b/modules/svg/streetside.js
@@ -209,8 +209,8 @@ export function svgStreetside(projection, context, dispatch) {
         var groupsEnter = groups.enter()
             .append('g')
             .attr('class', 'viewfield-group')
-            .on('mouseover', mouseover)
-            .on('mouseout', mouseout)
+            .on('mouseenter', mouseover)
+            .on('mouseleave', mouseout)
             .on('click', click);
 
         groupsEnter