Skip to main content

Search and Top Navigation

#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: newopen
summary: Accordion - heightStyle: 'auto' has problems with parent div width and box-sizingAccordion: 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

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

resolution: → fixed
status: openclosed

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

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

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

Fixes #9264

Closes gh-1287

Closes gh-1459

(cherry picked from commit 4b017b414f107ed3c1dafc7601b61cbcd76acf61)

Changeset: de75b40835ecb82360321dafbd87d66db5404a4a

Changed March 10, 2015 04:32PM UTC by scottgonzalez comment:6

milestone: 1.12.01.11.4