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: |
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:
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.
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.