How do I export my game have the last inserted line appear at the bottom in a HTML Element ?

In my game, everytime the player does a significant action, this action is added as a new line in a HTML Element window. But when content reaches the bottom end of the HTML box, the box content doesn't scroll up as I would like to to show the new added line.

Is there a way to do that ?

Try answers from this post:

stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page

Adding these style attributes seems to work:

display: flex; 
flex-direction: column-reverse;
overflow-y: scroll;

So much CSS subtilities !

Thank you for this :)

Try answers from this post:

https://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page

Adding these style attributes seems to work:

> display: flex; 
flex-direction: column-reverse;
overflow-y: scroll;

That's actually pretty good!

I would have gone with flipping direction, prepend instead of append.

Text.text = "New info" & newline & Text.text

Would keep the new Text always at the top.

But I will definitely try this css approach on my next logger ^_^

Merci