在Safari中无法在显示内容和显示内容之间切换

Question

不确定是否有人遇到过-我正在运行Safari 12。

我有一个非常简单的设置来演示此错误。

HTML：

{
   "dependencies": {
                     "chai": "4.1.2",
                     "cucumber": "4.2.1",
                     "protractor": "^5.4.2",
                     "protractor-cucumber-framework": "4.2.0"
                   }
}

CSS：

<div class="contents">
  <p>Hello!</p>
</div>

请参阅此CodePen：https://codepen.io/ericxgao/pen/dreqWp

如果转到CodePen，请检查文本，然后将包装div的类从“内容”更改为“隐藏”，实际上什么也没有发生。在所有其他浏览器中，文本均消失，但在Safari中，似乎不适用。这似乎是一个记录在这里的错误：https://bugs.webkit.org/show_bug.cgi?id=188259

我很好奇这里是否有任何明智的解决方法。在不检查使用此切换开关的现有代码的情况下，可以保留此行为的最干净的方法是什么？

Answer 1

我最终使用了它，直到Safari解决了该问题。

.hide * {
    visibility: hidden;
    width: 0;
    height: 0;
}