Opened 10 years ago

Last modified 7 years ago

#5701 closed bug (notabug)

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:

Description

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:

http://jsfiddle.net/reaF5/1/

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.

Change History (2)

comment:3 Changed 10 years ago by rdworth

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 http://forum.jquery.com/using-jquery-ui Thanks.

comment:4 Changed 7 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.