Safari の subgrid にバグっぽい挙動があったのでメモ #CSS

以下のようなHTMLで、Safariではsubgridが期待通りに動かない。(chrome や firefox と異なる）
overflow: hidden を消したところ、3ブラウザで同じ表示になった。

手元のSafariのバージョンは 17.1.2 なので最新では直っているかもしれない。

<!doctype html>
<style>
  .g {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .sub {
    grid-column: 2/-1;
    display: grid;
    grid-template-columns: subgrid;
    overflow: hidden;
  }
</style>
<div class="g">
  <div>1</div>
  <div class="sub">
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
  </div>
</div>