From aad4f1f8467b625dda6a16933c9f0acfcd21aca8 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 26 May 2020 15:06:16 +0200
Subject: [PATCH] Fix Infogram resize bug

---
 client/src/components/content-blocks/InfogramBlock.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/content-blocks/InfogramBlock.vue b/client/src/components/content-blocks/InfogramBlock.vue
index 4bb5d68a..3a762321 100644
--- a/client/src/components/content-blocks/InfogramBlock.vue
+++ b/client/src/components/content-blocks/InfogramBlock.vue
@@ -41,7 +41,7 @@
       window.addEventListener('message', event => {
         try {
           const data = JSON.parse(event.data);
-          if (data.context === 'iframe.resize') {
+          if (data.context === 'iframe.resize' && this.parseId(data.src) === this.id) {
             this.height = data.height;
           }
         } catch (e) {
@@ -51,6 +51,11 @@
     },
 
     methods: {
+      parseId(src) {
+        // src will be in the format of something like https://e.infogram.com/0ccf86bc-1afe-4026-b313-1f1b5992452b?src=embed
+        let last = src.split('/').pop();
+        return last.substring(0, last.indexOf('?')); // we're only interested in the id part before the '?'
+      },
       openFullscreen() {
         this.$store.dispatch('showFullscreenInfographic', {
           id: this.value.id,