Automatic update from web-platform-tests [line-clamp] Add syntax for clamping by both lines and height Line-clamping by both a number of lines and a height, whichever is smaller, is something that was implemented in https://crrev.com/c/6757119. The syntax for that was the same as for clamping by lines, gated on the presence of a height constraint such as `max-height`. However, this turned out to not be web-compatible, and it was put behind a runtime flag in https://crrev.com/c/7572510 while the CSSWG figured out a syntax for it. In https://github.com/w3c/csswg-drafts/issues/13670, the CSSWG resolved that the `max-lines` longhand would use both a number of lines together with the `auto` keyword. This CL implements that. Bug: 40336192 Change-Id: I5d639d36cc70f94148e33028b1faabb54cfd2393 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7798160 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: Andreu Botella <abotella@igalia.com> Cr-Commit-Position: refs/heads/main@{#1632388} -- wpt-commits: a24e24df0e7cc62ccc0abe2016b6f5c21dd72fb8 wpt-pr: 59735
30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Inheritance of CSS Overflow properties</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-overflow/#property-index">
|
|
<meta name="assert" content="Properties inherit or not according to the spec.">
|
|
<meta name="assert" content="Properties have initial values according to the spec.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/inheritance-testcommon.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="target"></div>
|
|
</div>
|
|
<script>
|
|
assert_inherited('block-ellipsis', 'no-ellipsis', 'ellipsis');
|
|
assert_not_inherited('continue', 'normal', 'collapse');
|
|
assert_not_inherited('max-lines', 'auto', '2');
|
|
assert_not_inherited('overflow-block', 'visible', 'scroll');
|
|
assert_not_inherited('overflow-inline', 'visible', 'scroll');
|
|
assert_not_inherited('overflow-x', 'visible', 'scroll');
|
|
assert_not_inherited('overflow-y', 'visible', 'scroll');
|
|
assert_not_inherited('text-overflow', 'clip', 'ellipsis');
|
|
assert_not_inherited('scrollbar-gutter', 'auto', 'stable');
|
|
</script>
|
|
</body>
|
|
</html>
|