322512 - Removing span keeps spans below it from updating correctly

Status: RESOLVED FIXED

(Core :: Layout: Form Controls, defect)

Description

[Tom]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051111 Firefox/1.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051111 Firefox/1.5

I have a set of spans inside an outer span.  Inside each span, there's a select dropdown with a list of options.  When I add an option to each of the dropdowns and then remove one of the spans with removeChild(), the new options do not display for spans *below* the removed one.  The new options display fine for spans above the removed one, however.

Reproducible: Always

Steps to Reproduce:
1. Load up the attached file
2. Click "Remove Row" for the 2nd row (the one with "DEF" selected)
3. Check the dropdowns for all remaining rows.
Actual Results:  
The first row has a new item named "NewAddition" in the dropdown, but the following two do not.

Expected Results:  
All rows should have a new item named "NewAddition" in their dropdown

This is definitely related to the removeChild() call on line 21.  It appears to behave the same if I clear out the innerHTML of the span to be removed, as well.  Not that I particularly want to use IE as an example of what to do, but this behaves correctly in IE.

Comment 1

[Tom]

OK, so, Bugzilla won't let me attach my file.  I've put it up here: http://tklancer.net/firefoxBug.html

Comment 2

[Martijn Wargers (dead)]

Attachment: testcase

Testcase attached to the bug.
This is clearly a bug in Mozilla, when adding var x=document.body.offsetHeight in the loop, the bug disappears.

Comment 3

[Martijn Wargers (dead)]

The bug can also be seen in Mozilla1.7.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Looks like the reflow branch landing fixed this.