488137 - screen glitch when moving position:absolute nodes with overflow: hidden inside of other position: absolute divs

Status: UNCONFIRMED

(Core :: Layout, defect)

Description

[Bill Keese]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_4_11; en) AppleWebKit/528.16 (KHTML, like Gecko) Version/4.0 Safari/528.16
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8

Dojo's AccordionContainer widget is a <div> with position:relative that contains other <div> nodes, absolutely positioned.   It uses animations to show/hide the nodes, which just means that it adjusts the height and top of the nodes.

When adjusting a node that extends beyond the bottom of the AccordionContainer's <div>, the bottom part is hidden due to AccordionContainer's overflow: hidden.

However, it still causes a screen glitch of the elements below.

Reproducible: Always

Steps to Reproduce:
1. Load attached test file (self contained) in FF3.0 or FF3.1 on windows (not mac; it works on mac)
2. Press the "moveme" button
3. Watch the AAAA, BBB, CCC lines below the accordion container get corrupted.   The button may also be chopped in half.
Actual Results:  
AAAA, BBB, CCC lines below the accordion container get corrupted

Expected Results:  
AAAA, BBB, CCC lines below the accordion container should not be affected sine the accordion is overflow: hidden.

Comment 1

[Bill Keese]

Attachment: test case with native HTML showing problem (press button to reproduce)

Comment 2

[Ria Klaassen (not reading all bugmail)]

I can reproduce the problem on Windows XP with all Firefox browsers I tried; works correctly with other browsers like IE7, Opera an GC.