Search and Top Navigation
#11952 closed bug (notabug)
Opened April 14, 2015 07:58AM UTC
Closed April 14, 2015 01:23PM UTC
Last modified April 15, 2015 01:05PM UTC
heightStyle "fill" option works incorrect if accordion container height set in %
| Reported by: | maximalist | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | none | 
| Component: | ui.accordion | Version: | 1.11.2 | 
| Keywords: | Cc: | ||
| Blocked by: | Blocking: | 
Description
In my case height is 100%
Test example with original markup and CSS
I have solve the problem by addiing event listener on window resize.
var a = $("#accordion_container");
a.accordion( { collapsible: true, heightStyle: "fill" } );
$(window).resize( function() {
var h = a.height();
a.find(".ui-accordion-header").each(function() {
var e = $(this);
if(e.css("display") != "none")
h -= e.outerHeight(true);
});
a.find(".ui-accordion-content").css("height", h);
});
$(window).resize();
Since it is technically possible, I would like it to be implemented in mainstreame.
Attachments (0)
Change History (4)
Changed April 14, 2015 01:23PM UTC by comment:1
| resolution: | → notabug | 
|---|---|
| status: | new → closed | 
Changed April 15, 2015 08:04AM UTC by comment:3
No it is not. Please look at example
Replying to [comment:1 scott.gonzalez]:
 This is handled by the refresh method. See http://api.jqueryui.com/accordion/#method-refresh.
            Changed April 15, 2015 01:05PM UTC by comment:4
That's quite a complicated test case. Can you reduce to only using percent-based heights to prove that the ticket is accurate?
This is handled by the
refreshmethod. See http://api.jqueryui.com/accordion/#method-refresh.