Open Bug 488137 Opened 12 years ago Updated 12 years ago

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

Categories

(Core :: Layout, defect)

x86
Windows XP
defect
Not set
normal

Tracking

()

UNCONFIRMED

People

(Reporter: bill, Unassigned)

Details

(Keywords: testcase)

Attachments

(1 file)

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.
I can reproduce the problem on Windows XP with all Firefox browsers I tried; works correctly with other browsers like IE7, Opera an GC.
Component: General → Layout
Keywords: testcase
Product: Firefox → Core
QA Contact: general → layout
You need to log in before you can comment on or make changes to this bug.