[Webkit-unassigned] [Bug 219488] New: Right aligned text with line clamp not working correctly

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Dec 3 05:27:37 PST 2020


https://bugs.webkit.org/show_bug.cgi?id=219488

            Bug ID: 219488
           Summary: Right aligned text with line clamp not working
                    correctly
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: macOS 10.14
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: olka48 at gmail.com

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20201203/bba4d293/attachment.htm>


More information about the webkit-unassigned mailing list