[Webkit-unassigned] [Bug 245459] New: Overflow line-clamp block content visible unexpectedly

[bugzilla-daemon at webkit.org]

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

            Bug ID: 245459
           Summary: Overflow line-clamp block content visible unexpectedly
           Product: WebKit
           Version: Safari 15
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: woodlxf00 at gmail.com

The block element after inline + <br> element visible unexpectedly.
Even overlap with previous content.

Reproduced both in MacOS, iPad, iPhone with version 15.6 and 16.

Example:
https://codepen.io/Woody-lxf/pen/bGMRXwv

HTML
<div class="box">
  test text content 111<br>test text content 222<br>test text content 333<br><p>test text content 444</p>
</div>

CSS
.box {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

-- 
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/20220921/fa11dcc4/attachment.htm>