Opened 4 years ago

Closed 2 years ago

Last modified 2 years ago

#9264 closed bug (fixed)

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

Change History (6)

comment:1 Changed 4 years ago by tj.vantoll

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.

comment:3 Changed 2 years ago by Scott González

Resolution: fixed
Status: openclosed

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

Fixes #9264 Closes gh-1287 Closes gh-1459

Changeset: 4b017b414f107ed3c1dafc7601b61cbcd76acf61

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

Milestone: none1.12.0

comment:5 Changed 2 years ago by 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

comment:6 Changed 2 years ago by Scott González

Milestone: 1.12.01.11.4
Note: See TracTickets for help on using tickets.