Fixed the server log scroll bar on server handler switching

shared/js/ui/frames/log/Definitions.ts

@@ -332,5 +332,6 @@ export interface ServerLogUIEvents {
     },
     "notify_log_add": {
         event: LogMessage
-    }
+    },
+    "notify_show": {}
 }

shared/js/ui/frames/log/Renderer.tsx

@@ -71,13 +71,19 @@ export const ServerLogRenderer = (props: { events: Registry<ServerLogUIEvents>,
         setRevision(revision + 1);
     });
 
-    useEffect(() => {
-        const id = requestAnimationFrame(() => {
-            if(!refContainer.current)
-                return;
+    const fixScroll = () => {
+        if(!refContainer.current)
+            return;
 
-            refContainer.current.scrollTop = scrollOffset.current === "bottom" ? refContainer.current.scrollHeight : scrollOffset.current;
-        });
+        refContainer.current.scrollTop = scrollOffset.current === "bottom" ? refContainer.current.scrollHeight : scrollOffset.current;
+    };
+
+    props.events.reactUse("notify_show", () => {
+        requestAnimationFrame(fixScroll);
+    });
+
+    useEffect(() => {
+        const id = requestAnimationFrame(fixScroll);
         return () => cancelAnimationFrame(id);
     });
 

shared/js/ui/frames/log/ServerEventLog.tsx

@@ -14,6 +14,8 @@ let uniqueLogEventId = 0;
 export class ServerEventLog {
     private readonly connection: ConnectionHandler;
     private readonly uiEvents: Registry<ServerLogUIEvents>;
+    private readonly listenerHandlerVisibilityChanged;
+
     private htmlTag: HTMLDivElement;
 
     private maxHistoryLength: number = 100;
@@ -31,6 +33,12 @@ export class ServerEventLog {
         });
 
         ReactDOM.render(<ServerLogRenderer events={this.uiEvents} handlerId={this.connection.handlerId} />, this.htmlTag);
+
+        this.connection.events().on("notify_visibility_changed",  this.listenerHandlerVisibilityChanged =event => {
+            if(event.visible) {
+                this.uiEvents.fire("notify_show");
+            }
+        });
     }
 
     log<T extends keyof TypeInfo>(type: T, data: TypeInfo[T]) {
@@ -70,6 +78,9 @@ export class ServerEventLog {
             this.htmlTag = undefined;
         }
 
+        this.connection.events().off(this.listenerHandlerVisibilityChanged);
         this.eventLog = undefined;
+
+        this.uiEvents.destroy();
     }
 }