From 0aeb6caadb20312ac906e9b585df8ed726b8d35c Mon Sep 17 00:00:00 2001
From: Robert Best <chessscholar@gmail.com>
Date: Fri, 7 Oct 2016 00:33:16 +0000
Subject: [PATCH] Makes it so that resizing the browser window doesn't change
 the user's location on the map

---
 frontend/src/Metamaps/Listeners.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend/src/Metamaps/Listeners.js b/frontend/src/Metamaps/Listeners.js
index 5861e15e..08aa9cee 100644
--- a/frontend/src/Metamaps/Listeners.js
+++ b/frontend/src/Metamaps/Listeners.js
@@ -7,6 +7,7 @@ import Mobile from './Mobile'
 import Realtime from './Realtime'
 import Selected from './Selected'
 import Topic from './Topic'
+import Util from './Util'
 import Visualize from './Visualize'
 import { Search } from './GlobalUI'
 
@@ -122,7 +123,22 @@ const Listeners = {
     })
 
     $(window).resize(function () {
+      var canvas = Visualize.mGraph.canvas,
+          scaleX = canvas.scaleOffsetX,
+          scaleY = canvas.scaleOffsetY,
+          centrePixX = Visualize.mGraph.canvas.canvases[0].size.width / 2,
+          centrePixY = Visualize.mGraph.canvas.canvases[0].size.height / 2,
+          centreCoords = Util.pixelsToCoords({x:centrePixX ,y:centrePixY});
+              
       if (Visualize && Visualize.mGraph) Visualize.mGraph.canvas.resize($(window).width(), $(window).height())
+
+      canvas.scale(scaleX,scaleY);
+      var newCentrePixX = Visualize.mGraph.canvas.canvases[0].size.width / 2,
+          newCentrePixY = Visualize.mGraph.canvas.canvases[0].size.height / 2,
+          newCentreCoords = Util.pixelsToCoords({x:newCentrePixX ,y:newCentrePixY});
+      
+      canvas.translate(newCentreCoords.x - centreCoords.x, newCentreCoords.y - centreCoords.y);
+      
       if (Active.Map && Realtime.inConversation) Realtime.positionVideos()
       Mobile.resizeTitle()
     })