元素短暂消失并在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上发生。

我很高兴提供代码，但老实说，我不确定从哪里开始。该平台是使用bone.js构建的]

任何想法都会受到欢迎。

Answer 1

此问题来自高度为0的标签页列表。为什么？ =>读取here

此代码应修复它：

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