auto-scroll console

src/playground_console.js

@@ -102,32 +102,38 @@ export class PlaygroundConsole {
         }
     }
 
+    #addTopLevelEntry(entryType, ...args) {
+        this.#addEntry(entryType, "", this.elem, ...args);
+
+        this.elem.scrollTop = this.elem.scrollHeight;
+    }
+
     addInput() {
-        this.#addEntry("input", "", this.elem, ...arguments);
+        this.#addTopLevelEntry("input", ...arguments);
     }
 
     log() {
-        this.#addEntry("log", "", this.elem, ...arguments);
+        this.#addTopLevelEntry("log", ...arguments);
     }
 
     dir() {
-        this.#addEntry("dir", "", this.elem, ...arguments);
+        this.#addTopLevelEntry("dir", ...arguments);
     }
 
     debug() {
-        this.#addEntry("debug", "", this.elem, ...arguments);
+        this.#addTopLevelEntry("debug", ...arguments);
     }
 
     info() {
-        this.#addEntry("info", "", this.elem, ...arguments);
+        this.#addTopLevelEntry("info", ...arguments);
     }
 
     warn() {
-        this.#addEntry("warn", "", this.elem, ...arguments);
+        this.#addTopLevelEntry("warn", ...arguments);
     }
 
     error() {
-        this.#addEntry("error", "", this.elem, ...arguments);
+        this.#addTopLevelEntry("error", ...arguments);
     }
 
     clear() {

style.css

@@ -108,6 +108,7 @@ div#buttons button {
     display: flex;
     flex-direction: column;
     gap: 5px;
+    scroll-behavior: smooth;
 }
 
 #console pre {