plotly
diff --git a/‎src/plots/geo/geo.js
Lines changed: 1 addition & 1 deletion b/‎src/plots/geo/geo.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/plots/geo/zoom.js
Lines changed: 8 additions & 8 deletions b/‎src/plots/geo/zoom.js
Lines changed: 8 additions & 8 deletions
@@ -488,7 +488,7 @@ proto.updateFx = function(fullLayout, geoLayout) {
         bgRect.call(zoom);
         // TODO: Figure out how to restrict when this transition occurs. Or is it a no-op if nothing has changed?
         // Trigger transition to handle if minscale attribute isn't 0
-        zoom.event(bgRect.transition())
+        zoom.event(bgRect)
         bgRect.on('dblclick.zoom', zoomReset);
         if(!gd._context._scrollZoom.geo) {
             bgRect.on('wheel.zoom', null);
 
@@ -133,21 +133,21 @@ function zoomNonClipped(geo, projection) {
     function handleZoomstart() {
         d3.select(this).style(zoomstartStyle);
 
-        var rect = this.getBoundingClientRect()
+        var rect = this.getBBox()
         mouse0 = d3.event.sourceEvent
             ? d3.mouse(this)
-            : [(rect.left + rect.right) / 2, (rect.bottom + rect.top) / 2];
+            : [rect.x + rect.width / 2, rect.y + rect.height / 2];
         rotate0 = projection.rotate();
         translate0 = projection.translate();
         lastRotate = rotate0;
         zoomPoint = position(mouse0);
     }
 
     function handleZoom() {
-        var rect = this.getBoundingClientRect()
+        var rect = this.getBBox()
         mouse1 = d3.event.sourceEvent
             ? d3.mouse(this)
-            : [(rect.left + rect.right) / 2, (rect.bottom + rect.top) / 2];
+            : [rect.x + rect.width / 2, rect.y + rect.height / 2];
         if(outside(mouse0)) {
             zoom.scale(projection.scale());
             zoom.translate(projection.translate());
@@ -216,10 +216,10 @@ function zoomClipped(geo, projection) {
     zoom.on('zoomstart', function() {
         d3.select(this).style(zoomstartStyle);
 
-        var rect = this.getBoundingClientRect()
+        var rect = this.getBBox()
         var mouse0 = d3.event.sourceEvent
             ? d3.mouse(this)
-            : [(rect.left + rect.right) / 2, (rect.bottom + rect.top) / 2];
+            : [rect.x + rect.width / 2, rect.y + rect.height / 2];
         var rotate0 = projection.rotate();
         var lastRotate = rotate0;
         var translate0 = projection.translate();
@@ -228,10 +228,10 @@ function zoomClipped(geo, projection) {
         zoomPoint = position(projection, mouse0);
 
         zoomOn.call(zoom, 'zoom', function() {
-            var rect = this.getBoundingClientRect()
+            var rect = this.getBBox()
             var mouse1 = d3.event.sourceEvent
                 ? d3.mouse(this)
-                : [(rect.left + rect.right) / 2, (rect.bottom + rect.top) / 2];
+                : [rect.x + rect.width / 2, rect.y + rect.height / 2];
 
             projection.scale(view.k = d3.event.scale);