268595 2024-02-01 18:25:48 -0800 Nested subgrid causes page to hang 2025-06-04 09:17:19 -0700 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=232176 https://bugs.webkit.org/show_bug.cgi?id=271083 InRadar P2 Normal --- 1 mendelgordons webkit-unassigned bfulgham karlcow rik sgill26 simon.fraser webkit-bug-importer zalan oldest_to_newest 2009983 0 469668 mendelgordons 2024-02-01 18:25:48 -0800 Created attachment 469668 Basic html you can use to replicate the issue I'm trying to use a nested subgrid and the page won't load on safari on my mac or my iphone. I tested it on webkit-main and it won't load there either - the page just hangs. I'm trying to have the header overlap the hero, and make everything else below them, but not have the rest of the items overlap. Opening the attached html works fine in chrome and firefox but won't open in webkit and or safari. 2009984 1 mendelgordons 2024-02-01 18:29:47 -0800 Loading this html in safari or webkit doesn't work either - it's a simpler version: <style> #a { display: grid; } #a div { display: grid; grid-template-columns: subgrid; grid-template-rows: subgrid; grid-row: 1/99; } </style> <div id="a"> <div id="b"> <div id="c"> <div id="d"> <div id="e"> <div style="width: 100px; height: 100px; background-color: red"></div> </div> </div> </div> </div> </div> Here's a screenshot showing how the page loads in chrome and firefox but not webkit: https://shottr.cc/s/VTFo/SCR-20240201-um9.jpeg The webkit windows on the right are just showing the page they were on before I tried navigating to the problematic code. 2012056 2 webkit-bug-importer 2024-02-08 18:26:25 -0800 <rdar://problem/122597208> 469668 2024-02-01 18:25:48 -0800 2024-02-01 18:25:48 -0800 Basic html you can use to replicate the issue nestedSubgrid.html text/html 1654 mendelgordons PGRpdiBjbGFzcz0iZ3JpZCI+Cgk8aGVhZGVyIGNsYXNzPSJncmlkIGdyaWQtY29sLTEgbWluLWhl aWdodC0zMCBwYWRkaW5nLTUgbWFyZ2luLTUgei1pbmRleC0xIGdyaWQtcm93LTEgYm9yZGVyLTEi PkhlYWRlcjwvaGVhZGVyPgoJPGRpdiBjbGFzcz0iZ3JpZCBncmlkLWNvbC0xIGdyaWQtcm93LTEt OTkgc3ViZ3JpZCI+CgkJPGRpdiBjbGFzcz0iZ3JpZCBncmlkLWNvbC0xIGdyaWQtcm93LTEtOTkg c3ViZ3JpZCI+CgkJCTxkaXYgY2xhc3M9ImdyaWQgZ3JpZC1jb2wtMSBncmlkLXJvdy0xLTk5IHN1 YmdyaWQiPgoJCQkJPGRpdiBjbGFzcz0iZ3JpZCBncmlkLWNvbC0xIGdyaWQtcm93LTEtOTkgc3Vi Z3JpZCI+CgkJCQkJPGRpdiBjbGFzcz0iZ3JpZCBncmlkLWNvbC0xIGdyaWQtcm93LTEtMyBzdWJn cmlkIHBhZGRpbmctNSBib3JkZXItMSI+CgkJCQkJCTxkaXYgY2xhc3M9ImdyaWQtY29sLTEgZ3Jp ZC1yb3ctMiBwYWRkaW5nLTUgYm9yZGVyLTEgbWluLWhlaWdodC0zMCI+SGVybzwvZGl2PgoJCQkJ CTwvZGl2PgoJCQkJCTxkaXYgY2xhc3M9ImdyaWQtY29sLTEgbWluLWhlaWdodC0zMCI+Q29udGVu dCAxPC9kaXY+CgkJCQkJPGRpdiBjbGFzcz0iZ3JpZC1jb2wtMSBtaW4taGVpZ2h0LTMwIj5Db250 ZW50IDI8L2Rpdj4KCQkJCQk8ZGl2IGNsYXNzPSJncmlkLWNvbC0xIG1pbi1oZWlnaHQtMzAiPkNv bnRlbnQgMzwvZGl2PgoJCQkJCTwhLS0gd2UgZG9uJ3Qga25vdyBob3cgbWFueSBjb250ZWN0IHNl Y3Rpb25zIHRoZXJlIHdpbGwgYmUgaGVyZSAtLT4KCQkJCTwvZGl2PgoJCQk8L2Rpdj4KCQk8L2Rp dj4KCTwvZGl2PgoJPGRpdiBjbGFzcz0iZ3JpZCBncmlkLWNvbC0xIGdyaWQtcm93LTk5LTE5OSBz dWJncmlkIj4KCQk8ZGl2IGNsYXNzPSJncmlkLWNvbC0xIG1pbi1oZWlnaHQtMzAiPkNvbnRlbnQg MTwvZGl2PgoJCTxkaXYgY2xhc3M9ImdyaWQtY29sLTEgbWluLWhlaWdodC0zMCI+Q29udGVudCAy PC9kaXY+CgkJPCEtLSB3ZSBkb24ndCBrbm93IGhvdyBtYW55IGNvbnRlY3Qgc2VjdGlvbnMgdGhl cmUgd2lsbCBiZSBoZXJlIC0tPgoJPC9kaXY+CjwvZGl2PgoKPHN0eWxlPgoJLmdyaWQgewoJCWRp c3BsYXk6IGdyaWQ7Cgl9CgoJLmdyaWQtY29sLTEgewoJCWdyaWQtY29sdW1uOiAxOwoJfQoKCS5t aW4taGVpZ2h0LTMwIHsKCQltaW4taGVpZ2h0OiAzMHB4OwoJfQoKCS5wYWRkaW5nLTUgewoJCXBh ZGRpbmc6IDVweDsKCX0KCgkubWFyZ2luLTUgewoJCW1hcmdpbjogNXB4OwoJfQoKCS56LWluZGV4 LTEgewoJCXotaW5kZXg6IDE7Cgl9CgoJLmdyaWQtcm93LTEgewoJCWdyaWQtcm93OiAxOwoJfQoK CS5ncmlkLXJvdy0xLTMgewoJCWdyaWQtcm93OiAxIC8gMzsKCX0KCgkuZ3JpZC1yb3ctMiB7CgkJ Z3JpZC1yb3c6IDI7Cgl9CgoJLmdyaWQtcm93LTEtOTkgewoJCWdyaWQtcm93OiAxIC8gOTk7Cgl9 CgoJLmdyaWQtcm93LTk5LTE5OSB7CgkJZ3JpZC1yb3c6IDk5IC8gMTk5OwoJfQoKCS5zdWJncmlk IHsKCQlncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHN1YmdyaWQ7CgkJZ3JpZC10ZW1wbGF0ZS1yb3dz OiBzdWJncmlkOwoJfQoKCS5ib3JkZXItMSB7CgkJYm9yZGVyOiAxcHggc29saWQgYmxhY2s7Cgl9 CgoJYm9keSB7CgkJYmFja2dyb3VuZC1jb2xvcjogYmxhbmNoZWRhbG1vbmQ7Cgl9Cjwvc3R5bGU+ Cg==