Contact emails jfernan...@igalia.com
Explainer None Specification https://www.w3.org/TR/css-align-3/#baseline-align-content Summary This feature allows developers to align the content of the boxes participating in row-like shared context by their last baseline, instead of their first. This is done via the following property: align-content last baseline; /* Table cells, Flex items or grid items */ Blink component Blink>Layout Motivation Both Firefox and Safari already implements this feature, as it's shown in the wpt.fyi tests dashboard, hence this is an interoperability issue. Additionally, Chrome already supports it for block containers, but it's disabled at parsing time because of the lack of implementation for grid and flex items. Initial public proposal None TAG review None TAG review status Not applicable Risks Interoperability and Compatibility This feature is marked as one of the interop-2025 tasks, since only Chrome doesn't implement it. Safari has partial support, though, since it lacks support for this feature in grid and flex. I don't see any interop risk associated to this feature. Gecko: Shipped/Shipping (https://developer.mozilla.org/en-US/docs/Web/CSS/align-content#browser_compatibility) WebKit: Shipped/Shipping (https://webkit.org/blog/14885/release-notes-for-safari-technology-preview-185) Implemented support for align-content on block containers; difficult to say from the release notes how well the Baseline Content-Alignment is supported, though. It shows "partial support" in "can-i-use" [1], mainly due to partial implementation for flex and grid [2] [1] https://caniuse.com/mdn-css_properties_align-content_flex_context_last_baseline [2] https://bugs.webkit.org/show_bug.cgi?id=235005 Web developers: Positive This has been marked as one of the interop-2025 issues to work on. Other signals: Ergonomics This feature will be used with Grid and Flexbox, so I'll make sure they both support the feature before shipping it. Activation In order to minimize the activation risks, we must be sure this feature is supported in both Flexbox and Grid. Security No security risks have been detected. WebView application risks Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications? No risks found. Debuggability There is no need for changes in Dev tools in order to inspect this feature. The new "last-baseline" value will be listed as valid in the CSS inspector. Is this feature fully tested by web-platform-tests? Yes There are already tests covering the "align-content: last-baseline", mainly for block containers, but also for grid. https://wpt.fyi/results/css?label=master&label=experimental&aligned&view=subtest&q=align-content-block%20or%20last-baseline%20or%20content-baseline%20or%20item-mixed-baseline More tests will be added to properly support the feature in grid and flex. Flag name on about://flags None Finch feature name None Non-finch justification None Requires code in //chrome? False Tracking bug https://issues.chromium.org/issues/341947689 Estimated milestones No milestones specified Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5163497234890752?gate=5124964398923776 This intent message was generated by Chrome Platform Status. -- You received this message because you are subscribed to the Google Groups "blink-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+unsubscr...@chromium.org. To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/684716ed.710a0220.d824b.055d.GAE%40google.com.