1120653 - basic appendChild method fails

Status: RESOLVED INVALID

(Firefox :: Untriaged, defect)

Description

[Austin Cheney]

Attachment: HTML sample displaying bug

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:34.0) Gecko/20100101 Firefox/34.0
Build ID: 20141126041045

Steps to reproduce:

Select a price block under "First Group"
Select a price block under "Second Group" where the price block is partially below the visible view port.


Actual results:

A "p" element with id "jumper" is appended to the DOM with the appendChild method. This element identifies itself as appended appropriately according to its parentNode property. The element was not actually appended to the DOM. It is not in the DOM tree and is not visible on the rendered page.

This problem can only be produced if the price block is partially visible or a few pixels above the bottom of the view port. The correct behavior occurs when the price block is further up into the view port.


Expected results:

The element of id "jumper" should be appended to the DOM using the appendChild method. The appendChild method is executed from line 1404 of the attached code.

Comment 1

[:Gijs (he/him)]

Thanks for attaching a testcase.

This is because in the onscroll method in your code, if you are scrolled far enough down, you call priceAction again, which calls jumper.parentNode.removeChild(jumper) on line 1271 (try setting a breakpoint on that line in the builtin debugger).

You'll see that if after clicking the second item, you *don't* scroll the document, the node stays there (you can check this in the console).

This isn't a Firefox bug, so I'm marking it as invalid.