Bug 229027

Created attachment 435398 [details] Layout bug in action So I've tried (and failed) to create a reproducible example here: https://codepen.io/jpzwarte/pen/ZEKwZmv What happens in Safari & STP is that with the given DOM structure of: ``` <my-container> <div class="wrapper"> <h1>Title</h1> <p>Body</p> <button>Button</button> </div> </my-container> ``` And with `my-container` having `display: grid; grid-template-rows: auto auto auto;`, Safari incorrectly puts the `<p>` on the first grid row. It looks like a reflow fixes the issue. The workaround here is to explicitly set `grid-row: 1` for the title and `grid-row: 3` for the button.