Bug 280336 – Safari crashes when using nested grid layout, subgrid and areas

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: Layout and Rendering

[Nicolás Cardelino]

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.

[zalan]

Thank you for reporting this crash. I think we fixed this very recently. Let me find the progression point.

[zalan]

yup, progressed at 283998@main

[zalan]

*** This bug has been marked as a duplicate of bug 280068 ***