2015-10-21 40 views
0

我有一些形式與地位與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

+1

請隨意張貼這些信息作爲回答。 –

回答