#9264 closed bug (fixed)

Opened April 30, 2013 08:40PM UTC

Closed March 03, 2015 01:29PM UTC

Last modified March 10, 2015 04:32PM UTC

Accordion: heightStyle: 'auto' has problems with parent div width and box-sizing

Reported by:	EleventyOne	Owned by:
Priority:	minor	Milestone:	1.11.4
Component:	ui.accordion	Version:	1.10.2
Keywords:		Cc:
Blocked by:		Blocking:

Description

I'm using Firefox 20.0.1 on Win 7 64. There appears to be two problems with the accordion widget, when heightStyle : 'auto':

(1) If a parent div has a width set, 'auto' seems unable to properly calculate the height of certain accordion tabs.

(2) If box-sizing: border-box is set, there is a nasty "snap" to the accordion tabs at the end of their being displayed.

If you change heightStyle to 'content', both problems disappear.

This problem is demonstrated here:

http://jsfiddle.net/HNp5r/5/

And was asked about on StackOverflow here:

http://stackoverflow.com/questions/16307541/jquery-ui-accordion-and-box-sizing-border-box

Attachments (0)

Change History (6)

Changed May 02, 2013 01:56AM UTC by tj.vantoll comment:1

status:	new → open
summary:	Accordion - heightStyle: 'auto' has problems with parent div width and box-sizing → Accordion: heightStyle: 'auto' has problems with parent div width and box-sizing

Confirmed both. This should probably be split into two separate bugs but I'm going to dig into this a bit first.

Changed July 17, 2014 04:30PM UTC by scottgonzalez comment:2

PR (WIP): https://github.com/jquery/jquery-ui/pull/1287

Changed March 03, 2015 01:29PM UTC by Scott González comment:3

resolution:	→ fixed
status:	open → closed

Accordion: Handle box-sizing: border-box in animations

Fixes #9264

Closes gh-1287

Closes gh-1459

Changeset: 4b017b414f107ed3c1dafc7601b61cbcd76acf61

Changed March 03, 2015 01:29PM UTC by scottgonzalez comment:4

milestone:	none → 1.12.0

Changed March 10, 2015 04:31PM UTC by Scott González comment:5