Disable searching when item iframe is open

src/components/LinkItems/IframeModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <modal :name="name" :resizable="true" width="80%" height="80%" @closed="$emit('closed')">
+  <modal :name="name" :resizable="true" width="80%" height="80%" @closed="modalClosed()">
     <div slot="top-right" @click="hide()">Close</div>
     <a @click="hide()" class="close-button" title="Close">x</a>
     <iframe v-if="url" :src="url" @keydown.esc="close" class="frame"/>
@@ -20,10 +20,14 @@ export default {
     show: function show(url) {
       this.url = url;
       this.$modal.show(this.name);
+      this.$emit('modalChanged', true);
     },
     hide: function hide() {
       this.$modal.hide(this.name);
     },
+    modalClosed() {
+      this.$emit('modalChanged', false);
+    },
   },
 };
 </script>

src/components/LinkItems/ItemGroup.vue

@@ -33,6 +33,7 @@
       :ref="`iframeModal-${groupId}`"
       :name="`iframeModal-${groupId}`"
       @closed="$emit('itemClicked')"
+      @modalChanged="modalChanged"
     />
   </Collapsable>
 </template>
@@ -50,6 +51,7 @@ export default {
     displayData: Object,
     items: Array,
     itemSize: String,
+    modalOpen: Boolean,
   },
   components: {
     Collapsable,
@@ -70,6 +72,9 @@ export default {
     triggerModal(url) {
       this.$refs[`iframeModal-${this.groupId}`].show(url);
     },
+    modalChanged(changedTo) {
+      this.$emit('change-modal-visibility', changedTo);
+    },
   },
 };
 </script>