显示：弹性；不适用于 Safari 上的 <summary>

Question

我想display: flex与<summary></summary>. 在其他浏览器，Chrome、Firefox 等上，flex 子项正常工作。（他们保持在同一行）但是在 Safari（v12.0，移动和桌面）上，孩子们保持在不同的行。

与 Safari 相比，这就是它在其他浏览器上的样子。

我应该怎么做才能让 flexbox 像其他浏览器一样正常工作？

谢谢！

summary {
  display: flex;
}

<details>
  <summary>
    <div>flex-a</div>
    <div>flex-b</div>
  </summary>
  <p>some content</p>
</details>