Chrome 和 Firefox 中可折叠元素的不同行为

Question

我正在从事一个开源事件管理项目，遇到了跨浏览器问题。这是event site

在 Chrome 上

在房间页面上，如果我点击任何会话，它会正确展开，然后在再次点击时正确折叠。以下是截图：

单击会话元素时（在本例中为“开幕演讲”）

再次点击折叠

在 Firefox 上

点击任何会话元素（它正常展开）

但它没有正确折叠。它创建了一个空白空间。 （只有页面的第一个会话正确折叠）

我尝试使用开发者控制台窗口调试错误无济于事。非常感谢任何帮助。谢谢！！

Answer 1

我在 Firefox 中检查过这个，由于某种原因，Firefox 不会获取行的大小...

所以我申请了

.room-filter{
   display: inline-block;
   width: 100%;
}

到带有下拉菜单的行，这似乎有效！