From f556e2024d617b6dd109a2cda50b0f176ddb786f Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Wed, 30 Jun 2021 13:36:24 -0400
Subject: [PATCH] Disable zoom to fit when enabling edit mode

---
 app/src/modules/insights/routes/dashboard.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/insights/routes/dashboard.vue b/app/src/modules/insights/routes/dashboard.vue
index 98c836085a..c7f044eb65 100644
--- a/app/src/modules/insights/routes/dashboard.vue
+++ b/app/src/modules/insights/routes/dashboard.vue
@@ -145,7 +145,7 @@
 
 <script lang="ts">
 import InsightsNavigation from '../components/navigation.vue';
-import { defineComponent, computed, ref, toRefs, inject } from 'vue';
+import { defineComponent, computed, ref, toRefs, watch } from 'vue';
 import { useInsightsStore, useAppStore } from '@/stores';
 import InsightsNotFound from './not-found.vue';
 import { Panel } from '@/types';
@@ -158,7 +158,7 @@ import { useI18n } from 'vue-i18n';
 import { pointOnLine } from '@/utils/point-on-line';
 import InsightsWorkspace from '../components/workspace.vue';
 import { md } from '@/utils/md';
-import { useRouter, onBeforeRouteUpdate, onBeforeRouteLeave, NavigationGuard } from 'vue-router';
+import { onBeforeRouteUpdate, onBeforeRouteLeave, NavigationGuard } from 'vue-router';
 
 export default defineComponent({
 	name: 'InsightsDashboard',
@@ -191,6 +191,10 @@ export default defineComponent({
 
 		const zoomToFit = ref(false);
 
+		watch(editMode, (editModeEnabled) => {
+			if (editModeEnabled) zoomToFit.value = false;
+		});
+
 		const currentDashboard = computed(() =>
 			insightsStore.dashboards.find((dashboard) => dashboard.id === props.primaryKey)
 		);