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

Question

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

在 Chrome 上

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

单击 session 元素时(在本例中为“开场白”)

再次点击折叠

在 Firefox 上

点击任何 session 元素(正常展开)

但它没有正确折叠。它创造了一个空白空间。 (只有第一个页面正确折叠)

我曾尝试使用开发人员控制台窗口调试错误，但无济于事。非常感谢任何帮助。谢谢!!

Answer 1

我已经在 Firefox 中检查过了，出于某种原因，Firefox 不会获取行的大小...

所以我申请了

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

带有下拉列表的行，这似乎有效!