[Webkit-unassigned] [Bug 274308] New: -webkit-line-clamp showing one line less line with inline-block

[bugzilla-daemon at webkit.org]

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

            Bug ID: 274308
           Summary: -webkit-line-clamp showing one line less line with
                    inline-block
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: macOS 14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: tanel.terras at elisa.ee

It seems that with fixes and changes in Safari 17, `-webkit-line-clamp` and `display: inline-block` causes weird bugs.
When clamped content includes elements with `display: inline-block`, -webkit-line-clamp value seems to subtracted by one (at least visually).

Examples: https://lit.dev/playground/#gist=4f7950f5ad46952aac643c501fa68f4e
Reproduction case includes two examples: Web Component that has slotted content (like in our Design System) and a regular lightDOM example with exact same visual behaviour.

When compared with Safari 16 the handling of `inline-block` element was much different - it seems to me visually that Safari 16 handled inline-block as inline element and in Safari 17 as block element.

Chrome and Firefox handle these cases as expected (by me) so figured it is a bug specific to Safari 17. Although Safari < 17 also has its quirks it is somewhat manageable in our use cases.

-- 
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/20240517/fe46a9b7/attachment-0001.htm>