Tengo un javascript que mueve la barra de desplazamiento hacia abajo para un programa de chat que estoy creando. Funcionó bien pero convertí a una plantilla con cloneNode y ya no funciona. El DOM muestra el scrollHeight en el elemento en funcionamiento y el querySelector selecciona el elemento correcto. También intenté configurar manualmente element.scrollTop en un número y no tiene ningún efecto. ¿Algunas ideas?

Aquí está mi código.

 let message_template = document.getElementById('message_template'); let message_clone = message_template.content.cloneNode(true); //Move scroller to bottom when clicked let myDiv = message_clone.querySelector(".chat-history"); console.log('myDiv: '+myDiv.scrollHeight) myDiv.scrollTop = myDiv.scrollHeight;