Only add DOM change listener once in `Ui/Empty`

See #4073

diff --git a/ts/WoltLabSuite/Core/Ui/Empty.ts b/ts/WoltLabSuite/Core/Ui/Empty.ts
index fd2074c147c7a77ed0947daa22c84987ee8604db..8f025ed1ea2d61ec7b5eca35c874b4d7d3d34ba7 100644 (file)
--- a/ts/WoltLabSuite/Core/Ui/Empty.ts
+++ b/ts/WoltLabSuite/Core/Ui/Empty.ts
@@ -28,13 +28,15 @@ const observer = new MutationObserver((mutations) => {
   });
 });
 
-export function setup(): void {
+function observeElements(): void {
   document.querySelectorAll(".jsReloadPageWhenEmpty").forEach((el) => {
     el.classList.remove("jsReloadPageWhenEmpty");
     observer.observe(el, {
       childList: true,
     });
   });
-
-  DomChangeListener.add("WoltLabSuite/Core/Ui/Empty", () => setup());
+}
+export function setup(): void {
+  observeElements();
+  DomChangeListener.add("WoltLabSuite/Core/Ui/Empty", () => observeElements());
 }

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Empty.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Empty.js
index 6747b2c3c2c7a8f1e619876ed43fd6b44dee771d..aa3358fa572858e94991ef8f1b5fe8a23c88afac 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Empty.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Empty.js
@@ -27,14 +27,17 @@ define(["require", "exports", "tslib", "../Dom/Change/Listener"], function (requ
             }
         });
     });
-    function setup() {
+    function observeElements() {
         document.querySelectorAll(".jsReloadPageWhenEmpty").forEach((el) => {
             el.classList.remove("jsReloadPageWhenEmpty");
             observer.observe(el, {
                 childList: true,
             });
         });
-        Listener_1.default.add("WoltLabSuite/Core/Ui/Empty", () => setup());
+    }
+    function setup() {
+        observeElements();
+        Listener_1.default.add("WoltLabSuite/Core/Ui/Empty", () => observeElements());
     }
     exports.setup = setup;
 });