Skip to content

Commit 2cc3194

Browse files
committed
[css-overflow-3] Define the legacy compat behavior of line-clamp
Based on Mozilla’s research, this should be sufficient to make -webkit-line-clamp and line-clamp web compatible. See w3c#2847
1 parent 80648af commit 2cc3194

File tree

1 file changed

+20
-5
lines changed

1 file changed

+20
-5
lines changed

css-overflow-3/Overview.bs

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -992,11 +992,26 @@ Limiting Visible Lines: the 'line-clamp' shorthand property</h3>
992992
</pre>
993993
</div>
994994

995-
For compatibility with legacy content, UAs that support 'line-clamp' must also support <dfn dfn-type=property>-webkit-line-clamp</dfn> as an alias.
996-
997-
Issue(2847): It is not obvious that a naive -webkit- alias can work, due to complicated compatibility constraints.
998-
Something more complicated might be needed.
999-
995+
<h4 id=webkit-line-clamp>
996+
Legacy compatibility</h4>
997+
998+
For compatibility with legacy content,
999+
UAs that support 'line-clamp' must also support the <dfn dfn-type=property>-webkit-line-clamp</dfn> property.
1000+
Like 'line-clamp', it is a shorthand of 'max-lines', 'continue', and 'block-ellipsis',
1001+
except that it sets 'continue' to ''-webkit-discard'' instead of ''discard''.
1002+
1003+
Additionally, for children (including anonymous children)
1004+
of boxes whose 'display' property computes to ''-webkit-box'' or ''-webkit-inline-box'',
1005+
the used values of the 'max-lines', 'continue', and 'block-ellipsis' properties
1006+
are taken from the computed values of the parent box;
1007+
the computed values of these properties on the box itself are ignored.
1008+
1009+
The <dfn value for=continue>-webkit-discard</dfn> value behaves identically to ''discard'',
1010+
except that it only takes effect
1011+
if the computed value of the 'display' property on the parent
1012+
is ''-webkit-box'' or ''-webkit-inline-box''
1013+
and the computed value of the '-webkit-box-orient' property on the parent
1014+
is ''-webkit-box-orient/vertical''.
10001015

10011016
<h3 id="max-lines">
10021017
Forcing a Break After a Set Number of Lines: the 'max-lines' property</h3>

0 commit comments

Comments
 (0)