From 90e981d7c4e231c4be49a9c430888d2c937f5c3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Jos=C3=A9=20Pereira?= <patrickelectric@gmail.com>
Date: Wed, 18 Oct 2023 17:31:00 -0700
Subject: [PATCH] components: widgets: IFrame: Do not use mouse internally when
 in edit mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
---
 src/components/widgets/IFrame.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/IFrame.vue b/src/components/widgets/IFrame.vue
index 1522039c0..c7539f029 100644
--- a/src/components/widgets/IFrame.vue
+++ b/src/components/widgets/IFrame.vue
@@ -3,6 +3,7 @@
     <iframe
       v-show="iframe_loaded"
       :src="widget.options.source"
+      :style="iframeStyle"
       frameborder="0"
       height="100%"
       width="100%"
@@ -30,10 +31,13 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, onBeforeMount, ref, toRefs } from 'vue'
+import { computed, defineProps, onBeforeMount, ref, toRefs } from 'vue'
 
+import { useWidgetManagerStore } from '@/stores/widgetManager'
 import type { Widget } from '@/types/widgets'
 
+const widgetManagerStore = useWidgetManagerStore()
+
 const props = defineProps<{
   /**
    * Widget reference
@@ -54,6 +58,13 @@ onBeforeMount(() => {
   }
 })
 
+const iframeStyle = computed<string>(() => {
+  if (widgetManagerStore.editingMode) {
+    return 'pointer-events:none; border:0;'
+  }
+  return ''
+})
+
 /**
  * Called when iframe finishes loading
  */