#7104 closed defect (fixed)
AccordionContainer: IE6+7 overflow:auto visible content
Reported by: | dante | Owned by: | bill |
---|---|---|---|
Priority: | high | Milestone: | 1.2 |
Component: | Dijit | Version: | 1.1.1 |
Keywords: | Cc: | dante | |
Blocked By: | Blocking: |
Description
There is a quirk in the AccordionContainer only visible in IE6 and 7 - Putting any size content in a non-selected pane causes that pane to display it's content outside of the scroll area. The scrollbar is still visible and sized properly, but does not scroll anything (until focus, or interaction with the widgets inside)
One of our tests seem to display unselected panes with overflow, and not this issue in IE6/7 there, but the attached test does. At first I thought it was related to Widgets inside the Pane in markup, but stripping attached case to a simple looong UL displays the error too.
Attached is a test case demonstrating this failure. Inline the test case is a single line of css that fixes it, so you'll have to comment out .dj_ie .dijitAccordionBody { selector in head.
Attachments (1)
Change History (5)
Changed 14 years ago by
Attachment: | test_acc.html added |
---|
comment:1 Changed 14 years ago by
for reference, I was altered to this test via the forums: http://www.dojotoolkit.org/forum/dijit-dijit-0-9/dijit-support/accordion-rendering-issues-ie
and found the simple explanation about the quirk here: http://rowanw.com/bugs/overflow_relative.htm
I tested ie6,7 ff3 and safari. the IE's are the only problem children.
comment:2 Changed 14 years ago by
Summary: | [AccordionContainer] IE6+7 overflow:auto visible content → AccordionContainer: IE6+7 overflow:auto visible content |
---|
comment:3 Changed 14 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
simple accordion example with fix inline