[Webkit-unassigned] [Bug 233770] New: -webkit-line-clamp quality of implementation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 233770
           Summary: -webkit-line-clamp quality of implementation
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: gsnedders at apple.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    webkit-bug-importer at group.apple.com, zalan at apple.com
        Depends on: 45399, 59174, 63781, 135334, 176499, 187938, 219100,
                    219488, 219817

Ian (from the Chrome team) has suggested -webkit-line-clamp for Interop 2022: https://github.com/web-platform-tests/interop-2022/issues/16

Essentially, the proposal is to move -webkit-line-clamp closer to line-clamp and the current spec: https://drafts.csswg.org/css-overflow-3/#propdef--webkit-line-clamp (where the value is none | <integer>), and assuming we only care about behaviour when the box with -webkit-line-clamp also has overflow: hidden (i.e., to exclude the spec'd behaviour about discarding the content beyond the clamp).

Ian outlines three things in the issue:

1. RTL support,

2. Create a block-flow box instead of a flex box,

3. Support -webkit-line-clamp: none.

See https://wpt.fyi/results/css/css-overflow?label=master&label=experimental&aligned&q=webkit-line-clamp for current test results; from the GitHub issue it seems like 008, 029, and maybe 024 need updated to match the spec.


Referenced Bugs:

https://bugs.webkit.org/show_bug.cgi?id=45399
[Bug 45399] -webkit-line-clamp is not respected when visibility is hidden
https://bugs.webkit.org/show_bug.cgi?id=59174
[Bug 59174] <hr> intersecting -webkit-line-clamp content
https://bugs.webkit.org/show_bug.cgi?id=63781
[Bug 63781] [text-overflow: ellipsis] WebKit should ignore the ellipsis for the purpose of dispatching mouse events
https://bugs.webkit.org/show_bug.cgi?id=135334
[Bug 135334] -webkit-line-clamp truncates incorrectly when a tag has href attribute
https://bugs.webkit.org/show_bug.cgi?id=176499
[Bug 176499] Ellipsis of -webkit-line-clamp disappears sometimes
https://bugs.webkit.org/show_bug.cgi?id=187938
[Bug 187938] Height of element changes when ellipses show on a -webkit-line-clamp element with line-height
https://bugs.webkit.org/show_bug.cgi?id=219100
[Bug 219100] Erroneous elision of line clamped text
https://bugs.webkit.org/show_bug.cgi?id=219488
[Bug 219488] Right aligned text with line clamp not working correctly
https://bugs.webkit.org/show_bug.cgi?id=219817
[Bug 219817] -webkit-line-clamp not displaying ellipsis in RTL
-- 
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/20211202/737d3e05/attachment.htm>