LGTM1. Two other browsers already shipped this. No doubt to proceed this. On Sat, Oct 8, 2022 at 4:15 AM Ian Kilpatrick <ikilpatr...@chromium.org> wrote:
> Contact emailsikilpatr...@chromium.org > > ExplainerNone > > Specificationhttps://drafts.csswg.org/css-align-3/#baseline-rules > > Summary > > This feature allows developers to align items within either flex or grid > layout by their last baseline, instead of their first. This is done via the > following properties: align-items: last baseline; /* flex/grid container */ > justify-items: last baseline; /* grid container */ align-self: last > baseline; /* flex/grid item */ justify-self: last baseline; /* grid item */ > > > Blink componentBlink>Layout > <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ELayout> > > TAG reviewNone - I don't believe CSS Align 3 ever went through Tag > Review. However I'm happy to file one and cc/ the specification editors. > > TAG review statusNot applicable > > Risks > > > Interoperability and Compatibility > > > > *Gecko*: Shipped/Shipping (note - relatively basic support) > > *WebKit*: Shipped/Shipping "It's complicated". WebKit currently parses > "align-items: last baseline" however doesn't support it currently in layout > (for Stable versions of the browser). > https://caniuse.com/?search=last%20baseline > <https://caniuse.com/?search=last+baseline> This is currently changing > however with recent commits by WebKit implementing the "last baseline" > behaviour. E.g. https://bugs.webkit.org/show_bug.cgi?id=245792 > > *Web developers*: No signals > > *Other signals*: > > Activation > > This feature will likely be difficult to use initially for web developers > for a few reasons. Support and implementation status is patchy. While > adding tests for this feature... > https://wpt.fyi/results/css?label=master&label=experimental&aligned&view=subtest&q=flex-align-baseline%20or%20grid-align-baseline%20or%20grid-justify-baseline > <https://wpt.fyi/results/css?label=master&label=experimental&aligned=&view=subtest&q=flex-align-baseline+or+grid-align-baseline+or+grid-justify-baseline> > ...existing implementations typically only supported relatively simple > cases well. This primarily was because various specifications which this > feature interacts with didn't specify what the last baseline of various > boxes should be. Additionally "@supports(align-items: last baseline)" will > return true for many versions of browsers that don't have any (or partial) > layout support for this feature. Web developers may rely on UA versions > and/or javascript to check actual support. > > > 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? > > > > Debuggability > > Basic CSS property debugging in DevTools. > > > Will this feature be supported on all six Blink platforms (Windows, Mac, > Linux, Chrome OS, Android, and Android WebView)?Yes > > Is this feature fully tested by web-platform-tests > <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> > ?Yes > > https://wpt.fyi/results/css?label=master&label=experimental&aligned&view=subtest&q=flex-align-baseline%20or%20grid-align-baseline%20or%20grid-justify-baseline > <https://wpt.fyi/results/css?label=master&label=experimental&aligned=&view=subtest&q=flex-align-baseline+or+grid-align-baseline+or+grid-justify-baseline> > > Flag name--enable-experimental-web-platform-features or > --enable-blink-features=CSSLastBaseline > > Requires code in //chrome?False > > Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=885175 > > Estimated milestones > > 108 or 109 > > Anticipated spec changes > > We filed multiple issues related to this feature - primarily for all the > different types of layout algorithms how to determine their last baseline > was underspecified. > > Scroll container - https://github.com/w3c/csswg-drafts/issues/7660 > > Flexbox - https://github.com/w3c/csswg-drafts/issues/7641 > > Multicol - https://github.com/w3c/csswg-drafts/issues/7639 > > Tables - https://github.com/w3c/csswg-drafts/issues/7655 > > Fieldset - https://github.com/w3c/csswg-drafts/issues/7656 > > (and more). > > All of these issues have been resolved, and added tests. > > Link to entry on the Chrome Platform Status > https://chromestatus.com/feature/5093352798683136 > > Links to previous Intent discussionsIntent to prototype: > https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJL3UpT5eVmfB6e-adc8exG1ouse25C_0A_2tn3fEVTwh-SetQ%40mail.gmail.com > <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/cajl3upt5evmfb6e-adc8exg1ouse25c_0a_2tn3fevtwh-s...@mail.gmail.com> > > > -- > 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 on the web visit > https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJL3UpRb9dPstEirAv6pqspLgyab9%2B6bonCEzMrDNumkVH7S0g%40mail.gmail.com > <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAJL3UpRb9dPstEirAv6pqspLgyab9%2B6bonCEzMrDNumkVH7S0g%40mail.gmail.com?utm_medium=email&utm_source=footer> > . > -- TAMURA Kent Software Engineer, Google -- 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 on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAGH7WqFn76swgKd%3DguZJdXr656Ox5ZOG1SQwDB%2B877L9G08JRw%40mail.gmail.com.
