components: widgets: IFrame: Do not use mouse internally when in edit…

… mode

Signed-off-by: Patrick José Pereira <[email protected]>

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
  */