How can I cut text by line and put 3 dots so that it works on direction:rtl and on safari?

Question

css

I tried this code:

overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;

It doesn't work when I have direction:rtl.
And this is only a problem on safari.

Answer 1