Skip to main content

Search and Top Navigation

#5701 closed bug (notabug)

Opened June 08, 2010 11:50AM UTC

Last modified October 11, 2012 09:15PM UTC

collapsible accordion content-width wider than accordion during animated expand

Reported by: tr888 Owned by:
Priority: minor Milestone:
Component: ui.accordion Version: 1.8.1
Keywords: width Cc:
Blocked by: Blocking:

I submit this ticket tentatively because I'm fairly new to jQuery-UI and it could be my fault. But here's a simple example of the problem behavior:

When both panels of the collapsible accordion are closed, and one of the headers is clicked, the expand works as it should; but if one of the panels is already expanded, and the header of the closed panel is clicked, during the expand the content panel grows wider than the accordion and then shrinks back to fit within the defined margins.

Attachments (0)
Change History (2)

Changed June 09, 2010 08:50AM UTC by rdworth comment:1

This is caused by the following css:

#SearchAccordion{width: auto}
#SearchAccordion .ui-accordion-header{margin-left: 2em; margin-right:5em}
#SearchAccordion .ui-accordion-content{margin-left:2em; margin-right:5em; width:auto}

In the future, if you're not sure if something is a bug, please bring it up on the forum first Thanks.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:2

milestone: TBD

Milestone TBD deleted