@yuneta/gobj-ui 2.2.3 → 2.2.5

package/dist/gobj-ui.cjs.js

@@ -816,6 +816,17 @@ function update_stats() {
 	});
 }
 /************************************************************
+*  Append a row and follow the tail — but only when the user is
+*  already at (or near) the bottom; a reader scrolled up into the
+*  backlog must not be yanked down. Container-local on purpose:
+*  scrollIntoView also scrolls the host page's ancestors.
+************************************************************/
+function append_and_follow(logger, node) {
+	let at_bottom = logger.scrollHeight - logger.scrollTop - logger.clientHeight < 40;
+	logger.appendChild(node);
+	if (at_bottom) logger.scrollTop = logger.scrollHeight;
+}
+/************************************************************
 *  Append one inter-event message. Kept in a bounded buffer so
 *  view/filter switches repaint from memory. Shared by the legacy
 *  C_YUI_WINDOW (setup_dev) and the modal (build_dev_panel).
@@ -876,8 +887,7 @@ function info_traffic(title, msg, direction, size) {
 		entry.$node = node;
 		let ph = logger.querySelector(".YDEV_EMPTY");
 		if (ph) ph.remove();
-		logger.appendChild(node);
-		node.scrollIntoView({ block: "end" });
+		append_and_follow(logger, node);
 	}
 	update_stats();
 }
@@ -931,8 +941,7 @@ function info_log(level, msg, hora) {
 			entry.$node = node;
 			let ph = logger.querySelector(".YDEV_EMPTY");
 			if (ph) ph.remove();
-			logger.appendChild(node);
-			node.scrollIntoView({ block: "end" });
+			append_and_follow(logger, node);
 		}
 		update_stats();
 	} finally {
@@ -2862,7 +2871,7 @@ function resolve_manager(gobj) {
 	let m = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(gobj, "manager");
 	if (!m) return null;
 	if (typeof m === "string") {
-		m = (0, _yuneta_gobj_js.gobj_find_service)(m, false);
+		m = (0, _yuneta_gobj_js.gobj_find_service)(m, false) || null;
 		(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "manager", m);
 	}
 	return m;
@@ -3159,13 +3168,14 @@ function close_window(gobj) {
 	let kw_close = { abort_close: false };
 	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_WINDOW_TO_CLOSE", kw_close);
 	let on_close = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "on_close");
-	if (on_close) on_close();
 	if (!kw_close.abort_close) {
+		if (on_close) on_close();
 		if ((0, _yuneta_gobj_js.gobj_is_running)(gobj)) (0, _yuneta_gobj_js.gobj_stop)(gobj);
 		(0, _yuneta_gobj_js.gobj_stop_children)(gobj);
 		(0, _yuneta_gobj_js.gobj_destroy)(gobj);
 	} else if (kw_close.warning) get_yesnocancel(kw_close.warning, function(resp) {
 		if (resp === "yes") {
+			if (on_close) on_close();
 			(0, _yuneta_gobj_js.gobj_stop)(gobj);
 			(0, _yuneta_gobj_js.gobj_stop_children)(gobj);
 			(0, _yuneta_gobj_js.gobj_destroy)(gobj);
@@ -3247,6 +3257,9 @@ function mvStart(gobj, evt) {
 		$container.style.transform = "translate3d(" + div_x + "px, " + div_y + "px, 0px)";
 	}
 	function mvStop(evt) {
+		document.removeEventListener("pointermove", mvMove);
+		document.removeEventListener("pointerup", mvStop);
+		if ((0, _yuneta_gobj_js.gobj_is_destroying)(gobj)) return;
 		div_x = evt.screenX - x;
 		div_y = evt.screenY - y;
 		let xx = pos_x + div_x;
@@ -3255,8 +3268,6 @@ function mvStart(gobj, evt) {
 		$container.style.top = yy + "px";
 		$container.style.transition = "none";
 		$container.style.transform = "translate3d(0px, 0px, 0px)";
-		document.removeEventListener("pointermove", mvMove);
-		document.removeEventListener("pointerup", mvStop);
 		let rect = $container.getBoundingClientRect();
 		(0, _yuneta_gobj_js.gobj_write_integer_attr)(gobj, "x", rect.x);
 		(0, _yuneta_gobj_js.gobj_write_integer_attr)(gobj, "y", rect.y);
@@ -3296,12 +3307,13 @@ function rsStart(gobj, evt) {
 		$container.style.height = height + rel_h + "px";
 	}
 	function rsStop(evt) {
+		document.removeEventListener("pointermove", rsMove);
+		document.removeEventListener("pointerup", rsStop);
+		if ((0, _yuneta_gobj_js.gobj_is_destroying)(gobj)) return;
 		rel_w = evt.pageX - pageX;
 		rel_h = evt.pageY - pageY;
 		$container.style.width = width + rel_w + "px";
 		$container.style.height = height + rel_h + "px";
-		document.removeEventListener("pointermove", rsMove);
-		document.removeEventListener("pointerup", rsStop);
 		let rect = $container.getBoundingClientRect();
 		if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "force_center")) {
 			rect = do_center(gobj, rect.x, rect.y, rect.width, rect.height);
@@ -3680,7 +3692,7 @@ function build_dock(gobj) {
 	ensure_dock_style();
 	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "$container", (0, _yuneta_gobj_js.createElement2)([
 		"div",
-		{ class: "yui-dock is-empty" },
+		{ class: "C_YUI_WINDOW_MANAGER yui-dock is-empty" },
 		[]
 	]));
 	apply_placement(gobj);
@@ -3866,10 +3878,20 @@ function ac_register_window(gobj, event, kw, src) {
 				} }
 			]
 		],
-		{ click: (evt) => {
-			evt.stopPropagation();
-			on_chip_click(gobj, entry);
-		} }
+		{
+			click: (evt) => {
+				evt.stopPropagation();
+				on_chip_click(gobj, entry);
+			},
+			keydown: (evt) => {
+				if (evt.target !== evt.currentTarget) return;
+				if (evt.key === "Enter" || evt.key === " ") {
+					if (evt.key === " ") evt.preventDefault();
+					evt.stopPropagation();
+					on_chip_click(gobj, entry);
+				}
+			}
+		}
 	]);
 	entry.$chip = $chip;
 	priv.windows.push(entry);
@@ -15526,7 +15548,13 @@ function create_tabulator(gobj) {
 		selectableRows: selectable,
 		footerElement: "<span class='yui-tabulator-rowcount' style='display:block;text-align:right;font-size:0.8rem;color:#6b7280;padding:0 0.6rem;'></span>"
 	});
-	let tabulator = new tabulator_tables.TabulatorFull(`#${table_id}`, tabulator_settings);
+	let $view_container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
+	let $table_el = $view_container ? $view_container.querySelector(`#${table_id}`) : null;
+	if (!$table_el) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: table element '#${table_id}' not found in $container`);
+		return;
+	}
+	let tabulator = new tabulator_tables.TabulatorFull($table_el, tabulator_settings);
 	function update_rowcount() {
 		let $rc = tabulator.element && tabulator.element.querySelector(".yui-tabulator-rowcount");
 		if (!$rc) return;

package/dist/gobj-ui.es.js

@@ -1,4 +1,4 @@
-import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, duplicate_objects, empty_string, escapeHtml, event_flag_t, gclass_create, gclass_flag_t, getPositionRelativeToBody, gobj_command, gobj_create, gobj_create_service, gobj_current_state, gobj_default_service, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, gobj_has_attr, gobj_is_playing, gobj_is_pure_child, gobj_is_running, gobj_is_service, gobj_is_volatil, gobj_match_children, gobj_name, gobj_parent, gobj_publish_event, gobj_read_attr, gobj_read_bool_attr, gobj_read_integer_attr, gobj_read_pointer_attr, gobj_read_str_attr, gobj_save_persistent_attrs, gobj_send_event, gobj_set_trace_machine_format, gobj_short_name, gobj_start, gobj_stop, gobj_stop_children, gobj_subscribe_event, gobj_unsubscribe_event, gobj_write_attr, gobj_write_bool_attr, gobj_write_integer_attr, gobj_write_str_attr, gobj_yuno, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_pure_number, is_string, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, list2options, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_log_callback, sprintf, str_in_list, template_get_field_desc, trace_json, trace_msg, treedb_decoder_fkey, treedb_encoder_fkey, treedb_get_field_desc, treedb_hook_data_size } from "@yuneta/gobj-js";
+import { SDATA, SDATA_END, clean_name, createElement2, createOneHtml, create_template_record, data_type_t, debounce, duplicate_objects, empty_string, escapeHtml, event_flag_t, gclass_create, gclass_flag_t, getPositionRelativeToBody, gobj_command, gobj_create, gobj_create_service, gobj_current_state, gobj_default_service, gobj_destroy, gobj_find_child, gobj_find_service, gobj_full_name, gobj_gclass_name, gobj_has_attr, gobj_is_destroying, gobj_is_playing, gobj_is_pure_child, gobj_is_running, gobj_is_service, gobj_is_volatil, gobj_match_children, gobj_name, gobj_parent, gobj_publish_event, gobj_read_attr, gobj_read_bool_attr, gobj_read_integer_attr, gobj_read_pointer_attr, gobj_read_str_attr, gobj_save_persistent_attrs, gobj_send_event, gobj_set_trace_machine_format, gobj_short_name, gobj_start, gobj_stop, gobj_stop_children, gobj_subscribe_event, gobj_unsubscribe_event, gobj_write_attr, gobj_write_bool_attr, gobj_write_integer_attr, gobj_write_str_attr, gobj_yuno, is_array, is_boolean, is_date, is_gobj, is_null, is_number, is_object, is_pure_number, is_string, json_deep_copy, json_object_size, json_object_update, json_object_update_missing, json_size, kw_clone_by_keys, kw_flag_t, kw_get_dict, kw_get_dict_value, kw_get_int, kw_get_local_storage_value, kw_get_str, kw_has_key, kw_set_dict_value, kw_set_local_storage_value, kwid_find_one_record, kwid_get_ids, kwid_new_dict, list2options, log_error, log_warning, msg_iev_get_stack, parseBoolean, parseSVG, refresh_language, safeSrc, sdata_flag_t, set_log_callback, sprintf, str_in_list, template_get_field_desc, trace_json, trace_msg, treedb_decoder_fkey, treedb_encoder_fkey, treedb_get_field_desc, treedb_hook_data_size } from "@yuneta/gobj-js";
 import i18next, { t } from "i18next";
 import TomSelect from "tom-select";
 import { TabulatorFull } from "tabulator-tables";
@@ -811,6 +811,17 @@ function update_stats() {
 	});
 }
 /************************************************************
+*  Append a row and follow the tail — but only when the user is
+*  already at (or near) the bottom; a reader scrolled up into the
+*  backlog must not be yanked down. Container-local on purpose:
+*  scrollIntoView also scrolls the host page's ancestors.
+************************************************************/
+function append_and_follow(logger, node) {
+	let at_bottom = logger.scrollHeight - logger.scrollTop - logger.clientHeight < 40;
+	logger.appendChild(node);
+	if (at_bottom) logger.scrollTop = logger.scrollHeight;
+}
+/************************************************************
 *  Append one inter-event message. Kept in a bounded buffer so
 *  view/filter switches repaint from memory. Shared by the legacy
 *  C_YUI_WINDOW (setup_dev) and the modal (build_dev_panel).
@@ -871,8 +882,7 @@ function info_traffic(title, msg, direction, size) {
 		entry.$node = node;
 		let ph = logger.querySelector(".YDEV_EMPTY");
 		if (ph) ph.remove();
-		logger.appendChild(node);
-		node.scrollIntoView({ block: "end" });
+		append_and_follow(logger, node);
 	}
 	update_stats();
 }
@@ -926,8 +936,7 @@ function info_log(level, msg, hora) {
 			entry.$node = node;
 			let ph = logger.querySelector(".YDEV_EMPTY");
 			if (ph) ph.remove();
-			logger.appendChild(node);
-			node.scrollIntoView({ block: "end" });
+			append_and_follow(logger, node);
 		}
 		update_stats();
 	} finally {
@@ -2857,7 +2866,7 @@ function resolve_manager(gobj) {
 	let m = gobj_read_pointer_attr(gobj, "manager");
 	if (!m) return null;
 	if (typeof m === "string") {
-		m = gobj_find_service(m, false);
+		m = gobj_find_service(m, false) || null;
 		gobj_write_attr(gobj, "manager", m);
 	}
 	return m;
@@ -3154,13 +3163,14 @@ function close_window(gobj) {
 	let kw_close = { abort_close: false };
 	gobj_publish_event(gobj, "EV_WINDOW_TO_CLOSE", kw_close);
 	let on_close = gobj_read_attr(gobj, "on_close");
-	if (on_close) on_close();
 	if (!kw_close.abort_close) {
+		if (on_close) on_close();
 		if (gobj_is_running(gobj)) gobj_stop(gobj);
 		gobj_stop_children(gobj);
 		gobj_destroy(gobj);
 	} else if (kw_close.warning) get_yesnocancel(kw_close.warning, function(resp) {
 		if (resp === "yes") {
+			if (on_close) on_close();
 			gobj_stop(gobj);
 			gobj_stop_children(gobj);
 			gobj_destroy(gobj);
@@ -3242,6 +3252,9 @@ function mvStart(gobj, evt) {
 		$container.style.transform = "translate3d(" + div_x + "px, " + div_y + "px, 0px)";
 	}
 	function mvStop(evt) {
+		document.removeEventListener("pointermove", mvMove);
+		document.removeEventListener("pointerup", mvStop);
+		if (gobj_is_destroying(gobj)) return;
 		div_x = evt.screenX - x;
 		div_y = evt.screenY - y;
 		let xx = pos_x + div_x;
@@ -3250,8 +3263,6 @@ function mvStart(gobj, evt) {
 		$container.style.top = yy + "px";
 		$container.style.transition = "none";
 		$container.style.transform = "translate3d(0px, 0px, 0px)";
-		document.removeEventListener("pointermove", mvMove);
-		document.removeEventListener("pointerup", mvStop);
 		let rect = $container.getBoundingClientRect();
 		gobj_write_integer_attr(gobj, "x", rect.x);
 		gobj_write_integer_attr(gobj, "y", rect.y);
@@ -3291,12 +3302,13 @@ function rsStart(gobj, evt) {
 		$container.style.height = height + rel_h + "px";
 	}
 	function rsStop(evt) {
+		document.removeEventListener("pointermove", rsMove);
+		document.removeEventListener("pointerup", rsStop);
+		if (gobj_is_destroying(gobj)) return;
 		rel_w = evt.pageX - pageX;
 		rel_h = evt.pageY - pageY;
 		$container.style.width = width + rel_w + "px";
 		$container.style.height = height + rel_h + "px";
-		document.removeEventListener("pointermove", rsMove);
-		document.removeEventListener("pointerup", rsStop);
 		let rect = $container.getBoundingClientRect();
 		if (gobj_read_bool_attr(gobj, "force_center")) {
 			rect = do_center(gobj, rect.x, rect.y, rect.width, rect.height);
@@ -3675,7 +3687,7 @@ function build_dock(gobj) {
 	ensure_dock_style();
 	gobj_write_attr(gobj, "$container", createElement2([
 		"div",
-		{ class: "yui-dock is-empty" },
+		{ class: "C_YUI_WINDOW_MANAGER yui-dock is-empty" },
 		[]
 	]));
 	apply_placement(gobj);
@@ -3861,10 +3873,20 @@ function ac_register_window(gobj, event, kw, src) {
 				} }
 			]
 		],
-		{ click: (evt) => {
-			evt.stopPropagation();
-			on_chip_click(gobj, entry);
-		} }
+		{
+			click: (evt) => {
+				evt.stopPropagation();
+				on_chip_click(gobj, entry);
+			},
+			keydown: (evt) => {
+				if (evt.target !== evt.currentTarget) return;
+				if (evt.key === "Enter" || evt.key === " ") {
+					if (evt.key === " ") evt.preventDefault();
+					evt.stopPropagation();
+					on_chip_click(gobj, entry);
+				}
+			}
+		}
 	]);
 	entry.$chip = $chip;
 	priv.windows.push(entry);
@@ -15521,7 +15543,13 @@ function create_tabulator(gobj) {
 		selectableRows: selectable,
 		footerElement: "<span class='yui-tabulator-rowcount' style='display:block;text-align:right;font-size:0.8rem;color:#6b7280;padding:0 0.6rem;'></span>"
 	});
-	let tabulator = new TabulatorFull(`#${table_id}`, tabulator_settings);
+	let $view_container = gobj_read_attr(gobj, "$container");
+	let $table_el = $view_container ? $view_container.querySelector(`#${table_id}`) : null;
+	if (!$table_el) {
+		log_error(`${gobj_short_name(gobj)}: table element '#${table_id}' not found in $container`);
+		return;
+	}
+	let tabulator = new TabulatorFull($table_el, tabulator_settings);
 	function update_rowcount() {
 		let $rc = tabulator.element && tabulator.element.querySelector(".yui-tabulator-rowcount");
 		if (!$rc) return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yuneta/gobj-ui",
-    "version": "2.2.3",
+    "version": "2.2.5",
     "type": "module",
     "main": "dist/gobj-ui.cjs.js",
     "module": "dist/gobj-ui.es.js",

package/src/c_yui_treedb_topic_with_form.js

@@ -787,7 +787,21 @@ function create_tabulator(gobj)
             "color:#6b7280;padding:0 0.6rem;'></span>",
     });
 
-    let tabulator = new Tabulator(`#${table_id}`, tabulator_settings);
+    /*
+     *  Attach by ELEMENT, resolved inside OUR $container — a bare `#id`
+     *  selector needs the element to be in the document already (a view
+     *  built before being mounted crashes Tabulator: "no element found",
+     *  then .on() dies on externalEvents null) and is shadowed by any
+     *  stale duplicate id elsewhere in the page.
+     */
+    let $view_container = gobj_read_attr(gobj, "$container");
+    let $table_el = $view_container ?
+        $view_container.querySelector(`#${table_id}`) : null;
+    if(!$table_el) {
+        log_error(`${gobj_short_name(gobj)}: table element '#${table_id}' not found in $container`);
+        return;
+    }
+    let tabulator = new Tabulator($table_el, tabulator_settings);
 
     /*  Keep the footer in sync with the visible (active) row count. */
     function update_rowcount() {

package/src/c_yui_window.js

@@ -38,6 +38,7 @@ import {
     gobj_stop,
     gobj_stop_children,
     gobj_is_running,
+    gobj_is_destroying,
     refresh_language,
 } from "@yuneta/gobj-js";
 
@@ -287,7 +288,7 @@ function resolve_manager(gobj)
         return null;
     }
     if(typeof m === "string") {
-        m = gobj_find_service(m, false);
+        m = gobj_find_service(m, false) || null;
         gobj_write_attr(gobj, "manager", m);
     }
     return m;
@@ -656,12 +657,15 @@ function close_window(gobj)
         abort_close: false
     };
     gobj_publish_event(gobj, "EV_WINDOW_TO_CLOSE", kw_close);
+
+    /*  on_close only fires when the close actually proceeds:
+     *  a subscriber may abort it and keep the window open. */
     let on_close = gobj_read_attr(gobj, "on_close");
-    if(on_close) {
-        on_close();
-    }
 
     if(!kw_close.abort_close) {
+        if(on_close) {
+            on_close();
+        }
         if(gobj_is_running(gobj)) {
             gobj_stop(gobj);
         }
@@ -670,6 +674,9 @@ function close_window(gobj)
     } else if(kw_close.warning) {
         get_yesnocancel(kw_close.warning, function(resp) {
             if(resp === "yes") {
+                if(on_close) {
+                    on_close();
+                }
                 gobj_stop(gobj);
                 gobj_stop_children(gobj);
                 gobj_destroy(gobj);
@@ -794,6 +801,14 @@ function mvStart(gobj, evt)
 
     function mvStop(evt)
     {
+        document.removeEventListener('pointermove', mvMove);
+        document.removeEventListener('pointerup', mvStop);
+
+        /*  The window can be destroyed mid-drag (e.g. dock ✕). */
+        if(gobj_is_destroying(gobj)) {
+            return;
+        }
+
         div_x      = (evt.screenX - x);
         div_y      = (evt.screenY - y);
         let xx = pos_x + div_x;
@@ -804,9 +819,6 @@ function mvStart(gobj, evt)
         $container.style.transition = 'none';
         $container.style.transform = 'translate3d(0px, 0px, 0px)';
 
-        document.removeEventListener('pointermove', mvMove);
-        document.removeEventListener('pointerup', mvStop);
-
         // trigger event
         let rect = $container.getBoundingClientRect();
 
@@ -859,15 +871,20 @@ function rsStart(gobj, evt)
 
     function rsStop(evt)
     {
+        document.removeEventListener('pointermove', rsMove);
+        document.removeEventListener('pointerup', rsStop);
+
+        /*  The window can be destroyed mid-resize (e.g. dock ✕). */
+        if(gobj_is_destroying(gobj)) {
+            return;
+        }
+
         rel_w = evt.pageX - pageX;
         rel_h = evt.pageY - pageY;
 
         $container.style.width = (width + rel_w) +'px';
         $container.style.height = (height + rel_h) +'px';
 
-        document.removeEventListener('pointermove', rsMove);
-        document.removeEventListener('pointerup', rsStop);
-
         // trigger event
         let rect = $container.getBoundingClientRect();
         if(gobj_read_bool_attr(gobj, "force_center")) {

package/src/c_yui_window_manager.js

@@ -228,7 +228,7 @@ function build_dock(gobj)
 {
     ensure_dock_style();
 
-    let $dock = createElement2(['div', {class: 'yui-dock is-empty'}, []]);
+    let $dock = createElement2(['div', {class: 'C_YUI_WINDOW_MANAGER yui-dock is-empty'}, []]);
     gobj_write_attr(gobj, "$container", $dock);
 
     apply_placement(gobj);
@@ -462,6 +462,20 @@ function ac_register_window(gobj, event, kw, src)
             click: (evt) => {
                 evt.stopPropagation();
                 on_chip_click(gobj, entry);
+            },
+            keydown: (evt) => {
+                /*  Only the chip itself — Enter on the inner ✕ button
+                 *  already fires its own click. */
+                if(evt.target !== evt.currentTarget) {
+                    return;
+                }
+                if(evt.key === "Enter" || evt.key === " ") {
+                    if(evt.key === " ") {
+                        evt.preventDefault();
+                    }
+                    evt.stopPropagation();
+                    on_chip_click(gobj, entry);
+                }
             }
         }]
     );

package/src/yui_dev.js

@@ -808,6 +808,22 @@ function update_stats()
     });
 }
 
+/************************************************************
+ *  Append a row and follow the tail — but only when the user is
+ *  already at (or near) the bottom; a reader scrolled up into the
+ *  backlog must not be yanked down. Container-local on purpose:
+ *  scrollIntoView also scrolls the host page's ancestors.
+ ************************************************************/
+function append_and_follow(logger, node)
+{
+    let at_bottom =
+        logger.scrollHeight - logger.scrollTop - logger.clientHeight < 40;
+    logger.appendChild(node);
+    if(at_bottom) {
+        logger.scrollTop = logger.scrollHeight;
+    }
+}
+
 /************************************************************
  *  Append one inter-event message. Kept in a bounded buffer so
  *  view/filter switches repaint from memory. Shared by the legacy
@@ -886,8 +902,7 @@ function info_traffic(title, msg, direction, size)
         if(ph) {
             ph.remove();
         }
-        logger.appendChild(node);
-        node.scrollIntoView({block: "end"});
+        append_and_follow(logger, node);
     }
     update_stats();
 }
@@ -956,8 +971,7 @@ function info_log(level, msg, hora)
             if(ph) {
                 ph.remove();
             }
-            logger.appendChild(node);
-            node.scrollIntoView({block: "end"});
+            append_and_follow(logger, node);
         }
         update_stats();
     } finally {