From d81a8df14e85ac910e4379c58d132e6d5e7ae81f Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Thu, 31 Mar 2022 20:59:23 +0200
Subject: [PATCH] update tabs on resize

---
 .../design-system/src/components/N8nTabs/Tabs.vue     | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/design-system/src/components/N8nTabs/Tabs.vue b/packages/design-system/src/components/N8nTabs/Tabs.vue
index 2b13c9b4b1..6397e4deb2 100644
--- a/packages/design-system/src/components/N8nTabs/Tabs.vue
+++ b/packages/design-system/src/components/N8nTabs/Tabs.vue
@@ -49,15 +49,26 @@ export default Vue.extend({
 				this.canScrollRight = scrollWidth - width > this.scrollPosition;
 			});
 
+			this.resizeObserver = new ResizeObserver(() => {
+				const width = container.clientWidth;
+				const scrollWidth = container.scrollWidth;
+				this.canScrollRight = scrollWidth - width > this.scrollPosition;
+			});
+			this.resizeObserver.observe(container);
+
 			const width = container.clientWidth;
 			const scrollWidth = container.scrollWidth;
 			this.canScrollRight = scrollWidth - width > this.scrollPosition;
 		}
 	},
+	destroyed() {
+		this.resizeObserver.disconnect();
+	},
 	data() {
 		return {
 			scrollPosition: 0,
 			canScrollRight: false,
+			resizeObserver: null,
 		};
 	},
 	props: {