Can new messages appear at top?

Currently, new messages appear at the bottom of the window (once the screen is full) and then scroll up. I was wondering if there’s a way to reverse this so that new messages appear at the top and scroll down as new messages come in?

This is not possible, sorry.

I think I got it working with a bit of CSS trickery. Basically, I used “transform: scaleY(-1);” to flip the whole chat (which makes all of the text upside-down as well, though) and then I used it again on each line to reflip the text back to normal. I also had to put in a bit that I found in another topic here that always keeps it at the bottom, instead of waiting until the whole boxed is filled before having it at the bottom (I changed this to top, obviously). Here’s the CSS I ended up with in case anyone else is looking for something similar. I was just surprised that it actually seems to work!

#chat_box {
  position: absolute;
  width: 100%;
  top: 0px;
  height: auto;
  background: transparent !important;
  transform: scaleY(-1);
}
.chat_line {
  transform: scaleY(-1);
 }
1 Like

This topic was automatically closed after 14 days. New replies are no longer allowed.