为什么Safari不显示某些元素,即使web inspector显示它们在那里

为什么Safari不显示某些元素,即使web inspector显示它们在那里,safari,Safari,我正在与一个使用自定义元素的应用程序搏斗,这个应用程序在Safari中无法正常工作。下面是一个屏幕截图,其中显示了Safari在chrome中应该显示的内容。它是在MacBookAir上拍摄的,尽管我最初是在iPad上发现这个问题的 然而,这个屏幕截图显示web inspector确实认为有一个元素的前景色是白色和不透明的(我特意设置了这些),即使没有显示任何内容 那么,为什么Safari不显示这些元素呢?对于那些想知道同样事情的人来说。我想我找到了答案 周围的一个元素有一些css,带有ov

我正在与一个使用自定义元素的应用程序搏斗,这个应用程序在Safari中无法正常工作。下面是一个屏幕截图,其中显示了Safari在chrome中应该显示的内容。它是在MacBookAir上拍摄的,尽管我最初是在iPad上发现这个问题的

然而,这个屏幕截图显示web inspector确实认为有一个元素的前景色是白色和不透明的(我特意设置了这些),即使没有显示任何内容


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

对于那些想知道同样事情的人来说。我想我找到了答案

周围的一个元素有一些css,带有
overflow-y:auto
,但没有特定的高度。我相信现在的情况是safari已经将该元素缩小到0的高度,但是检查器仍然显示该元素的位置,如果该元素没有被零长度的滚动条隐藏,则该元素将被滚动,以便该项目位于可滚动元素的截止区域下方

我还没有弄明白为什么它能在chrome中工作,我猜对溢出的处理略有不同