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

[EleventyOne]

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

[tj.vantoll]

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

[Scott González]

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

[Scott González]

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

Fixes #9264 Closes gh-1287 Closes gh-1459

Changeset: 4b017b414f107ed3c1dafc7601b61cbcd76acf61

[Scott González]

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

Fixes #9264 Closes gh-1287 Closes gh-1459 (cherry picked from commit 4b017b414f107ed3c1dafc7601b61cbcd76acf61)

Changeset: de75b40835ecb82360321dafbd87d66db5404a4a