Bug 280336

Summary: Safari crashes when using nested grid layout, subgrid and areas
Product: WebKit Reporter: Nicolás Cardelino <ncardeli>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Critical CC: bfulgham, simon.fraser, zalan
Priority: P2    
Version: Safari 17   
Hardware: Mac (Apple Silicon)   
OS: macOS 14   
URL: https://codepen.io/ncardeli/pen/YzmPEWv
Attachments:
Description Flags
Crash reporter log none

Nicolás Cardelino
Reported 2024-09-25 08:19:48 PDT
Created attachment 472677 [details] Crash reporter log A combination of nested grids, subgrid and grid areas crashes Safari but will work in Chrome and Firefox. To reproduce, use the following HTML/CSS: <div class="BlockStack"> <div class="MoneyLine"> <div class="Header">first cell</div> <div class="Content">second cell</div> </div> </div> <style> .BlockStack { display: grid; } .MoneyLine { display: grid; grid-template-columns: subgrid; grid-template-areas: 'header content'; } .Header { grid-area: header; } .Content { grid-area: content; } </style> Expected result: Safari renders the HTML with the specified formatting. Actual result: Safari crashes. Version information: Version 17.6 (19618.3.11.11.5) OS: MacOS 14.6.1 (23G93) Here's a CodePen: https://codepen.io/ncardeli/pen/YzmPEWv I found that adding grid-column: span 2; to the .MoneyLine class it doesn't crash anymore.
Attachments
Crash reporter log (4.48 KB, text/plain)
2024-09-25 08:19 PDT, Nicolás Cardelino
no flags
alan
Comment 1 2024-09-25 09:32:17 PDT
Thank you for reporting this crash. I think we fixed this very recently. Let me find the progression point.
alan
Comment 2 2024-09-25 09:37:14 PDT
yup, progressed at 283998@main
alan
Comment 3 2024-09-25 09:37:28 PDT
*** This bug has been marked as a duplicate of bug 280068 ***
Note You need to log in before you can comment on or make changes to this bug.