元素短暂消失并重新出现在 Chrome 77

Question

我有一个带标签的 UL，当点击 li > a 时，它会在 Chrome 77 上短暂消失。当它再次出现时，它出现在它下面的元素后面（几乎就像它从字面上消失了 DOM 然后它下面的元素移动到它的位置或其他东西）

这里有一些注释:

• 如果您重新加载页面，问题通常不会发生
• 只有当您从其他地方导航到该页面时才会发生这种情况
• 如果您检查任何元素并取消选中页面上的任何 css 属性，问题会立即自行解决

我正在使用我无法完全控制源代码的 suitecommerce。如果您对 Suitecommerce 有所了解，我真的不能指望他们的开发人员及时修复任何问题。

重现问题:

这是一个示例页面： https://www.1800cpap.com/airfit-p30i-nasal-pillow-cpap-mask-by-resmed

进入页面后，向下滚动到选项卡式部分并单击任意选项卡。如果您没有看到问题，您可能必须离开该页面并返回该页面，或者您可以导航到任何产品页面。一旦发现问题，请检查任何元素，取消选中任何 css 属性，问题将立即得到解决。它只发生在 Chrome 77.

我很乐意提供代码，但老实说我什至不确定从哪里开始。该平台是使用 backbone.js

构建的

欢迎任何想法。

Answer 1

问题出在高度为 0 的选项卡列表中。为什么？ => 阅读 here

这段代码应该可以修复它：

ul.product-details-information-content-tabs {
    float: left;
    width: 100%;
    margin: 0;
}