safari - 为什么 Safari 不显示某些元素，即使 Web 检查器显示它们存在

Question

我正在努力使用在 Safari 中无法正常工作的自定义元素的应用程序。这是一个屏幕截图，其中包含 Safari 显示的内容以及它应该在 chrome 中显示的内容。它是在 Macbook Air 上拍摄的，尽管我最初是在 iPad 上发现这个问题的。

然而，这个屏幕截图显示 web 检查器确实认为那里有一个元素的前景色是白色和不透明的（我故意设置这些），即使没有显示任何内容。

那么为什么 Safari 不显示这些元素呢？

标签： safari

Answer 1

对于其他想知道同样事情的人。我想我找到了答案！

周围元素之一有一些带有 的css overflow-y: auto，但没有特定的高度。我相信正在发生的事情是 safari 已将该元素缩小到高度 0，但检查器仍在显示该元素的位置，如果它没有被零长度滚动条隐藏，则滚动以使该项目低于截止可滚动元素的区域。

我还没有弄清楚为什么它可以在 chrome 中工作，我的猜测是溢出处理略有不同。