Combination of line-clamp and text-align: right is not working properly. Ellipsis not displayed (it is outside of the container - we can see that when overflow: hidden prop is removed) Example: ``` <style> p { width: 200px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; text-align: right; } </style> <p> long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text </p> ``` Might be related to https://bugs.webkit.org/show_bug.cgi?id=219100
Created attachment 415569 [details] test case
Thanks for filing, I can reproduce this on Safari 13.1.3 - STP 116.
<rdar://problem/72057365>
This bug also reproducible for RTL languages (such as Arabic or Hebrew) with dir attribute set to 'rtl' or 'auto' and text-align: left