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

Question

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

以下是一些注意事项：

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

我正在使用我无法完全控制源代码的套件商务。而且，如果您对 Suitecommerce 有所了解，我就不能真正依靠他们的开发人员及时修复任何问题。

重现问题：

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

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

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

任何想法都会受到欢迎。

Answer 1

问题来自高度为 0 的选项卡列表。为什么？=>在这里阅读

这段代码应该修复它：

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