From 4d9cf56e681a82fbf252e7d02ef5ff9a35f72acb Mon Sep 17 00:00:00 2001
From: Alex Yusiuk <55661041+RRRadicalEdward@users.noreply.github.com>
Date: Fri, 20 Jun 2025 07:17:56 +0300
Subject: [PATCH] fix(web): remove window resize listener on component destroy
 (#823)

---
 .../src/iron-remote-desktop.svelte                 | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/web-client/iron-remote-desktop/src/iron-remote-desktop.svelte b/web-client/iron-remote-desktop/src/iron-remote-desktop.svelte
index 7144c662..5ce66897 100644
--- a/web-client/iron-remote-desktop/src/iron-remote-desktop.svelte
+++ b/web-client/iron-remote-desktop/src/iron-remote-desktop.svelte
@@ -14,7 +14,7 @@
 />
 
 <script lang="ts">
-    import { onMount } from 'svelte';
+    import { onDestroy, onMount } from 'svelte';
     import { loggingService } from './services/logging.service';
     import { RemoteDesktopService } from './services/remote-desktop.service';
     import type { ResizeEvent } from './interfaces/ResizeEvent';
@@ -455,6 +455,10 @@
         wrapperStyle = `height: ${height}; width: ${width}; overflow: ${overflow}`;
     }
 
+    const resizeHandler = (_evt: UIEvent) => {
+        scaleSession(scale);
+    };
+
     function serverBridgeListeners() {
         remoteDesktopService.resizeObservable.subscribe((evt: ResizeEvent) => {
             loggingService.info(`Resize canvas to: ${evt.desktopSize.width}x${evt.desktopSize.height}`);
@@ -465,9 +469,7 @@
     }
 
     function userInteractionListeners() {
-        window.addEventListener('resize', (_evt) => {
-            scaleSession(scale);
-        });
+        window.addEventListener('resize', resizeHandler);
 
         remoteDesktopService.scaleObservable.subscribe((s) => {
             loggingService.info('Change scale!');
@@ -513,6 +515,10 @@
                     break;
             }
         }
+
+        onDestroy(() => {
+            window.removeEventListener('resize', resizeHandler);
+        });
     }
 
     function fullResize() {