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

时间:2017-05-15 17:15:02

标签: html css twitter-bootstrap google-chrome firefox

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

在Chrome上

在会议室页面上,如果我点击任何会话,它会正确展开,然后再次单击时正确折叠。以下是截图:

单击会话元素(在本例中为“Opening Speech”) On clicking the session element

再次单击以折叠 enter image description here

在Firefox上

单击任何会话元素(正常扩展) enter image description here

无法正确崩溃。它创造了一个空的空间。 (只有页面的第一个会话正确折叠) enter image description here

我尝试使用Developer Console Window调试错误无济于事。非常感谢任何帮助。谢谢!

1 个答案:

答案 0 :(得分:1)

我在Firefox中检查过这个问题,由于某种原因,Firefox无法获取行的大小......

所以我申请了

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

到下拉的行,这似乎有效!