Morten Stenshorne
127aa5a44e
Automatic update from web-platform-tests Add `column-height` to `columns` shorthand. Reset `column-wrap`. Add `column-height` to the `columns` shorthand, as resolved here: https://github.com/w3c/csswg-drafts/issues/12050#issuecomment-3160860557 The new syntax is: `[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?`. Additionally the `columns` shorthand now resets the `column-wrap` property to its initial value. The new serialization code for `columns` also strips extraneous `auto` keywords, so that e.g. `columns:auto` gets serialized as `columns:auto`, not `columns:auto auto`, so that round-tripping no longer fails in CSSParserImplTest.AllPropertiesCanParseImportant. This fix also affects other tests, so that their expectations had to be updated. Furthermore, since new longhands are added to the `columns` shorthand, specifying only `column-count` and `column-width` now will result in an empty string from getPropertyValue("columns"), since two longhands are missing. Tests had to be updated because of this as well. All behind runtime flag MulticolColumnWrapping. Generated with gemini-cli assistance #ai-assisted (except for tests - they are handwritten) Bug: 436847954, 403183884 Change-Id: Iaf56d1fd0320d5df50228c58fb6669647c8728e9 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6850512 Reviewed-by: Rune Lillesveen <futhark@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/main@{#1503842} -- wpt-commits: 5ae9376d335f6d27e128e53f54c24e13ede65bd3 wpt-pr: 54423
48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Multi-column Layout: parsing columns with valid values</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-columns">
|
|
<link rel="help" href="https://drafts.csswg.org/css-multicol-2/#propdef-columns">
|
|
<meta name="assert" content="columns supports the full grammar '[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?'.">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/parsing-testcommon.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
test_valid_value("columns", "auto 3", "3");
|
|
test_valid_value("columns", "auto 10em", "10em");
|
|
test_valid_value("columns", "3 auto", "3");
|
|
test_valid_value("columns", "10em auto", "10em");
|
|
test_valid_value("columns", "2 10px", "10px 2");
|
|
test_valid_value("columns", "10px 2");
|
|
test_valid_value("columns", "auto");
|
|
test_valid_value("columns", "auto auto", "auto");
|
|
test_valid_value("columns", "7");
|
|
test_valid_value("columns", "7em");
|
|
|
|
// Unitless zero is allowed for column-width.
|
|
test_valid_value("columns", "0 1", "0px 1");
|
|
test_valid_value("columns", "1 0", "0px 1");
|
|
test_valid_value("columns", "0px 1");
|
|
|
|
// With "/ <'column-height'>"
|
|
test_valid_value("columns", "10px 2 / 100px");
|
|
test_valid_value("columns", "2 10px / 100px", "10px 2 / 100px");
|
|
test_valid_value("columns", "10px / 100px");
|
|
test_valid_value("columns", "auto / 100px");
|
|
test_valid_value("columns", "10px 2 / auto", "10px 2");
|
|
test_valid_value("columns", "2 10px / auto", "10px 2");
|
|
test_valid_value("columns", "10px / auto", "10px");
|
|
test_valid_value("columns", "2 / auto", "2");
|
|
test_valid_value("columns", "auto / auto", "auto");
|
|
|
|
// CSS-wide keywords.
|
|
test_valid_value("columns", "initial");
|
|
test_valid_value("columns", "inherit");
|
|
</script>
|
|
</body>
|
|
</html>
|