Hi everyone! Philip, thanks for the encouragement, I'm super excited to deliver subgrid knowing that it's going to make so many devs happy.
@Mathias Bynens<mailto:math...@chromium.org> quick question, should I re-send the intent to prototype or just edit it here? Thanks in advance, Ethan From: Philip Jägenstedt <foo...@chromium.org> Sent: Wednesday, January 19, 2022 9:03 AM To: Mathias Bynens <math...@chromium.org> Cc: Ethan Jimenez <etha...@microsoft.com>; blink-dev@chromium.org Subject: [EXTERNAL] Re: [blink-dev] Intent to Prototype: CSS Subgrid Hi Ethan, It's great to see this Intent to Prototype. Subgrid tends to come up as important in web developer surveys, the latest being State of CSS 2021: https://2021.stateofcss.com/en-US/opinions/#browser_interoperability_features<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2F2021.stateofcss.com%2Fen-US%2Fopinions%2F%23browser_interoperability_features&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742483677%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=3UnAOm9ghulsQsCuKHe0o8wieFFdiWaOSpl3yBzAhhU%3D&reserved=0> https://2021.stateofcss.com/en-US/opinions/#currently_missing_from_css_wins<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2F2021.stateofcss.com%2Fen-US%2Fopinions%2F%23currently_missing_from_css_wins&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742483677%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=2BuzOdEvD%2BUeB%2FfNgb3agOhd0HsUbGouVJRihKlKsHk%3D&reserved=0> It's a part of Interop 2022<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fweb-platform-tests%2Finterop-2022%2Fissues%2F1&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742483677%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=mnBsxC7cs%2BHBQV4f%2BaK8%2BESEEK5XXdXvIcy%2BYlPwRRs%3D&reserved=0> for this reason So I hope this all goes well :D Best regards, Philip On Wed, Jan 19, 2022 at 8:09 AM Mathias Bynens <math...@chromium.org<mailto:math...@chromium.org>> wrote: The required "Debuggability" section was left empty. Please follow https://goo.gle/devtools-checklist<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgoo.gle%2Fdevtools-checklist&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=qKl6stbtdfjQS2vvA77lunv443BgUaevmQmIrFpxU%2Fs%3D&reserved=0> and elaborate on how developers would inspect & debug this new feature. Per the guide, we need to ensure DevTools supports basic editing of the new CSS properties and values - which would likely work out-of-the-box anyhow. Please elaborate. On Tue, Jan 18, 2022 at 6:42 PM 'Ethan Jimenez' via blink-dev <blink-dev@chromium.org<mailto:blink-dev@chromium.org>> wrote: Contact emails etha...@microsoft.com<mailto:etha...@microsoft.com> Explainer None Specification https://drafts.csswg.org/css-grid-2<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdrafts.csswg.org%2Fcss-grid-2&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=OMrMagG%2FkAcv8nVpSvlEhB%2Bn0lSHNmmT0b57y9yWP8E%3D&reserved=0> Design docs https://docs.google.com/document/d/1cpsCmzdDlXUKtMxOUKIoJFyLH54mLVhZnam_z0PriO0/edit?usp=sharing<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.google.com%2Fdocument%2Fd%2F1cpsCmzdDlXUKtMxOUKIoJFyLH54mLVhZnam_z0PriO0%2Fedit%3Fusp%3Dsharing&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=Rh21bJEt8PUvZlotanEy8iO5EFNwasu40CynTSe6k4k%3D&reserved=0> Summary Implements the CSS Grid Layout Module Level 2 specification, which introduces the concept of a "subgrid" to nested grid containers. Blink component Blink>CSS<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fbugs.chromium.org%2Fp%2Fchromium%2Fissues%2Flist%3Fq%3Dcomponent%3ABlink%253ECSS&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=Z4KMPmXHJi3M8KiJxNUIZ2lpgW%2BkFLbvbfgt6oW0U9U%3D&reserved=0> Motivation The problem CSS Subgrid solves is inheritance within nested grid containers: only direct children of a grid container are aware of its parent's grid properties, e.g., the size of its tracks, the names of each grid line. Whenever web authors work with a grid spanning some area within another grid, the children of the innermost grid are unaware of the outermost grid structure, which could potentially be a disadvantage if authors want those items to be aligned to other descendants of the outermost grid. A "subgrid" is a nested grid container whose row and column definitions are deferred to its parent; with such concept in mind, the problem above is mitigated by inheriting the grid properties and alignment from the spanned grid area in its parent grid. Initial public proposal Search tags subgrid<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fchromestatus.com%2Ffeatures%23tags%3Asubgrid&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=e3YxP8NZVIXrZ9qUsVuxV7S5novjV2%2BBoxBNsAowQww%3D&reserved=0>, css-grid-2<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fchromestatus.com%2Ffeatures%23tags%3Acss-grid-2&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=o%2B7cR06l3HB2lg3DIURoUVrPumRoVvnz7Rs49TMINUs%3D&reserved=0>, css<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fchromestatus.com%2Ffeatures%23tags%3Acss&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=YraHj12eCX45xWlbeLUDVHXeu9TWVQGU%2B5%2BwY%2BvRSQM%3D&reserved=0> TAG review TAG review status Not applicable Risks Interoperability and Compatibility This is a well-defined specification from the W3C, so we would be addressing some interoperability gaps instead of causing them. Gecko: Shipped/Shipping WebKit: Positive Web developers: Strongly positive Other signals: Debuggability Is this feature fully tested by web-platform-tests<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fchromium.googlesource.com%2Fchromium%2Fsrc%2F%2B%2Fmaster%2Fdocs%2Ftesting%2Fweb_platform_tests.md&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=xtWVa%2FAK37hGMzG55%2B6N5MiKqhABVHaRn4JNZZDhtB4%3D&reserved=0>? Yes Flag name Requires code in //chrome? False Tracking bug https://crbug.com/618969<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fcrbug.com%2F618969&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=X0aTZJB%2BfXbcjtbQsVlvXh1U35UKAFnzz5K%2FzZVQOl8%3D&reserved=0> Estimated milestones No milestones specified Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5663795354533888<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fchromestatus.com%2Ffeature%2F5663795354533888&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742533666%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=ceQqkvo%2FWpdJHpbbLtPDQUBMA%2B9YbsRTcOosNgLB7Mg%3D&reserved=0> This intent message was generated by Chrome Platform Status<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fchromestatus.com%2F&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742583655%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=jmxCuz8n5XsOCIxL1ioQkqBgCyJSX%2BbqmQVffU%2FaSHY%3D&reserved=0>. -- 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<mailto:blink-dev+unsubscr...@chromium.org>. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/MN2PR00MB06691936F5BB8575F43A9704BC569%40MN2PR00MB0669.namprd00.prod.outlook.com<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgroups.google.com%2Fa%2Fchromium.org%2Fd%2Fmsgid%2Fblink-dev%2FMN2PR00MB06691936F5BB8575F43A9704BC569%2540MN2PR00MB0669.namprd00.prod.outlook.com%3Futm_medium%3Demail%26utm_source%3Dfooter&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742583655%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=Z3Qtwn0ceRUVEgzn3cXvyOmHMohtj2ckCAxsCz0U%2FYo%3D&reserved=0>. -- 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<mailto:blink-dev+unsubscr...@chromium.org>. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CADizRgahta5WoNwYezq1959cAVVAW39ky1cDg8yRsw8w_prKLw%40mail.gmail.com<https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgroups.google.com%2Fa%2Fchromium.org%2Fd%2Fmsgid%2Fblink-dev%2FCADizRgahta5WoNwYezq1959cAVVAW39ky1cDg8yRsw8w_prKLw%2540mail.gmail.com%3Futm_medium%3Demail%26utm_source%3Dfooter&data=04%7C01%7Cethavar%40microsoft.com%7Cbdddf08c1dcf40165a1508d9db6d855f%7C72f988bf86f141af91ab2d7cd011db47%7C0%7C0%7C637782085742583655%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=x9dnUETTVCUsd51buz%2Fj%2FGYntI7mjQkIe2Y1ybyBuFA%3D&reserved=0>. -- 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/CH2PR00MB0661EB0E84DC3EECC65B99F3BC5A9%40CH2PR00MB0661.namprd00.prod.outlook.com.