From ebe404225996884922e2633329cd9bc12bb900a3 Mon Sep 17 00:00:00 2001
From: Simo <simo@6529.io>
Date: Sun, 12 Oct 2025 17:20:44 +0200
Subject: [PATCH] wip

Signed-off-by: Simo <simo@6529.io>
---
 .../brain/notifications/Notifications.tsx     | 44 +++++++++++++++----
 1 file changed, 36 insertions(+), 8 deletions(-)

diff --git a/components/brain/notifications/Notifications.tsx b/components/brain/notifications/Notifications.tsx
index 853f42ddda..38a7dc938c 100644
--- a/components/brain/notifications/Notifications.tsx
+++ b/components/brain/notifications/Notifications.tsx
@@ -199,16 +199,12 @@ export default function Notifications({ activeDrop, setActiveDrop }: Notificatio
       return;
     }
 
-    if (typeof ResizeObserver === "undefined") {
-      return;
-    }
-
     const observationTarget =
       (scrollElement.firstElementChild as HTMLElement | null) ?? scrollElement;
 
     let rafId: number | null = null;
 
-    const observer = new ResizeObserver(() => {
+    const scheduleStickToBottom = () => {
       if (!hasInitializedScrollRef.current || !isPinnedToBottomRef.current) {
         return;
       }
@@ -226,15 +222,47 @@ export default function Notifications({ activeDrop, setActiveDrop }: Notificatio
         container.scrollTop = container.scrollHeight;
         rafId = null;
       });
-    });
+    };
 
-    observer.observe(observationTarget);
+    if (typeof ResizeObserver !== "undefined") {
+      const resizeObserver = new ResizeObserver(() => {
+        scheduleStickToBottom();
+      });
+
+      resizeObserver.observe(observationTarget);
+
+      return () => {
+        if (rafId !== null) {
+          cancelAnimationFrame(rafId);
+        }
+        resizeObserver.disconnect();
+      };
+    }
+
+    if (typeof MutationObserver !== "undefined") {
+      const mutationObserver = new MutationObserver(() => {
+        scheduleStickToBottom();
+      });
+
+      mutationObserver.observe(observationTarget, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        characterData: true,
+      });
+
+      return () => {
+        if (rafId !== null) {
+          cancelAnimationFrame(rafId);
+        }
+        mutationObserver.disconnect();
+      };
+    }
 
     return () => {
       if (rafId !== null) {
         cancelAnimationFrame(rafId);
       }
-      observer.disconnect();
     };
   }, [items, showLoader, showNoItems]);