我有一些形式與地位與abortute位置。算法檢查fieldset是否不重疊,在這種情況下,通過修改elem.style.height來修改該字段集的高度。這對我迄今爲止測試過的每個瀏覽器都很好,直到FireFox 41.0.2版本。這是一個帶字段集的Firefox 41.0.2錯誤嗎?
下面是一個簡化小提琴再現的情況下:https://jsfiddle.net/ty44monr/
<div id="parent">
<fieldset id="mydiv" class="default"></fieldset>
<div id="output"></div>
</div>
.default{
position:absolute;
height:120px;
width:120px;
top:10px;
border:5px solid #808000;
}
function recurceDiv(elem){
//document.getElementById("output").innerHTML += elem.nodeType;
if (elem.nodeType == 1){
elem.style.height = 300 + 'px';
var children = elem.childNodes;
for (var i=0,len=children.length;i<len;i++){
recurceDiv(children[i]);
document.getElementById("output").innerHTML += "t : "+elem.offsetHeight + " ";
}
}
}
recurceDiv(document.getElementById("parent"));
的字段集採取正確的300像素高度(+餘量/填充)在Chrome,歌劇,IE11但不是在FireFox 41.0.2(但作品在Firefox 40.0)
如果我使用一個div來代替字段集效果很好:https://jsfiddle.net/64a5znuh/
是否有人有一個交代,以這個Firefox的行爲或我應該在Firefox的Bugzilla發佈一票?
感謝
- 編輯26/10:
Firefox的錯誤證實的Bugzilla:Bug 1217831 - Modify the height of a fieldset by js doesn't work under certain circumstances
請隨意張貼這些信息作爲回答。 –