Reversed characters when providing another string to text-overflow: ellipsis;

Question

I\'m trying to create a text-overflow: ellipsis; from the beginning, but in some specific context, it reverses the characters.

This is a CodePen