Opened 14 years ago
Closed 13 years ago
#4208 closed bug (fixed)
ui.accordion overflows over it's container when one of its divisions has a scroll bar
| Reported by: | margenn | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.8.2 |
| Component: | ui.accordion | Version: | 1.6rc6 |
| Keywords: | accordion overflow fillSpace | Cc: | |
| Blocked by: | Blocking: |
Description
This happens when you put the accordion div inside a parent fixed-size div and choose "fillSpace: true" option.
This happened on firefox 3.0.6, Chrome. On IE6, the entire parent conteiner resized a few pixels
I turned around this by putting a "overflow:hidden" on parent div. There's an attachment with shows better what is happening. Tks!
Attachments (1)
Change History (6)
Changed 14 years ago by
| Attachment: | accordion-bug.rar added |
|---|
comment:1 Changed 14 years ago by
| Milestone: | TBD → 1.next |
|---|
comment:2 Changed 14 years ago by
| Milestone: | 1.next → 1.7 |
|---|
comment:3 Changed 14 years ago by
| Milestone: | 1.7 → 1.8 |
|---|
comment:4 Changed 14 years ago by
I found out that the resize() function of the accordion object does not see margins. to correct this I changed outerHeight() function calls to outerHeight(true), which will include margin heights. And it worked for me;
example change
maxHeight -= $(this).outerHeight();
to
maxHeight -= $(this).outerHeight(true);
and change
maxHeight = Math.max(maxHeight, $(this).outerHeight());
to
maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
comment:5 Changed 13 years ago by
| Milestone: | 1.9 → 1.8.2 |
|---|---|
| Resolution: | → fixed |
| Status: | new → closed |
This was fixed in a previous release.
html file with jquery library and ui to recriate the bug.