Estoy tratando de desplazarme hacia abajo cada vez que llega un nuevo mensaje con el siguiente código:

 var elem = document.getElementById('chat-body'); elem!.scrollTop = elem!.scrollHeight;

Pensé que la razón podría ser que podría estar escondido detrás del formulario, pero la barra de desplazamiento todavía tenía algo de espacio para ir más abajo. Y si me desplazo hacia abajo manualmente, muestra el mensaje completo.