Html flexbox和伪元素的摘要无法在Safari中显示内联

在Safari 14中，我下面的示例如下所示

但如果你使用Chrome87，它会显示如下

我还没有发现这是否是一个已知的问题？如果是，是否有任何建议的解决办法

summary:：-webkit详细信息标记{
显示：无
}
细节{
宽度：300px；
}
总结{
显示：-webkit flex；
显示器：flex；
-webkit证明内容：之间的空间；
证明内容：之间的空间；
外形：实心4px#000；
调整项目：基线；
}
小结：：之后{
内容：“问题

某些HTML元素，如
、
和
，不能用作flex容器。浏览器对这些元素UI的默认呈现与display:flex声明冲突

解决方法

这个问题的简单解决方案是使用一个可以是flex容器的包装器元素（比如
）无法直接在元素内部执行。
尝试为flex规则添加-webkit-前缀。抱歉，我已经尝试过了。使用webkit前缀更新了代码段。尝试
-webkit box orient:horizontal；
for
summary
抱歉，它没有效果。您解决了问题吗？