[Webkit-unassigned] [Bug 91869] New: Element positioning incorrect in specific circumstances

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=91869

           Summary: Element positioning incorrect in specific
                    circumstances
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: nospamallowed at live.com


Created an attachment (id=153516)
 --> (https://bugs.webkit.org/attachment.cgi?id=153516&action=review)
Needed files to view 

I submitted this to the Google Chrome Dev Team as a bug, but they suggested that it is a webkit problem, so I will submit it here verbatim:

What steps will reproduce the problem?
Examine the included files in a webkit browser. Notice the gold oval at the top of the box with the word 'Testing' inside. Hover over the next button and notice the small triangle spin and move to connect cleanly with the button. At any point, click Next, the box changes, using the JQuery slideDown method. The arrow should still cleanly connect with the Next button. Clicking Next will move through five different 'pages', and clicking Back will return to previous pages.

What is the expected result?
The elements should line up properly. The little gold triangle should always spin and move left to meet the button exactly. The gold oval at the top should always be positioned exactly the same, relative to the box it's in.

What happens instead?
Click Next very quickly on each box. If Next is clicked over and over through the boxes, very quickly, perhaps before the slideDown animation is complete on a previous box, or perhaps when a box is larger than the preceding box, the oval at the top will be off its position, and the gold triangle will be off its position. Occasionally other elements will be severely misplaced. Click back and next several times in quick succession. Sometimes the gold triangle is off by a few pixels, sometimes its halfway off the page. Sometimes the gold oval at the top with the words is so far misplaced, that it's off the top of the screen.

Please provide any additional information below. Attach a screenshot if possible.
Clicking Next or Back slowly doesn't seem to trigger the bug. It seems that most, if not all, of the different elements I've included must be present. If I remove the CSS3 animations, or remove JQeuery, or change slideDown() to show(), or if the boxes are all the same size, I don't seem to see the bug. This happens only on Safari and Chrome on Windows, which leads me to believe it's a Webkit issue. I've tested it on a Windows 7 machine in both browsers, and on a Windows XP Service Pack 3 machine on both browsers. I see no problems on Mac OSX, and no problems with Firefox or IE or Opera in Windows or Mac OSX (in this regard). The problem seems slightly less pronounced on the Windows XP machine. My original page has many more elements than I've included in the test case on the page, and if all elements are present, the positioning problem in this bug is extremely severe, much more so than shows in the test case. I have included a zip file with the testcase, screenshots from separate op

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.