I have the same problem. You can let the messages come from the bottom with
display: flex;
flex-direction: column-reverse;
for the container. But I want the first message appears at the top. If the area ist full than the all next messges appear at the bottom and pull the previuos messages to he top. With this code all messages appear unfortunatlly at the bottom