#4444 closed bug (fixed)

Opened April 08, 2009 06:01PM UTC

Closed August 06, 2009 06:58PM UTC

Last modified February 27, 2010 10:00AM UTC

Accordion - Content disappears with autoHeight set to false in IE 6

Reported by: MikaJ Owned by:
Priority: minor Milestone: 1.8
Component: ui.accordion Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:
Description

If you set an accordion's autoHeight=false and the content area has an <a> tag, that tag will disappear once you open that section of the accordion.

Only in IE6. Firefox doesn't exhibit this problem.

Sample:

<!doctype html>
<html lang="en">
<head>
	<title>jQuery UI Accordion - No Auto Height</title>
	<link rel="stylesheet" href="http://static.jquery.com/ui/css/base2.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/ui-lightness/jquery-ui.css" type="text/css" media="screen" />

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js" type="text/javascript"></script>

	<script type="text/javascript">
	$(function() {
		$("#accordion").accordion({
			autoHeight: false
		});
	});
	</script>
</head>
<body>

<div class="demo">

<div id="accordion" >
	<h3><a href="#">Section 1</a></h3>
	<div >		 		 		 
		Accordion Content 1<br>
		<a href="#">Link Test #1</a>
	</div> 

	<h3><a href="#">Section 2</a></h3>
	<div>
		<a href="#" >Accordion Content 2</a>
	</div>
	<h3><a href="#">Section 3</a></h3>
	<div>
		<p>Accordion Content 3 </p>
		<ul>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
		</ul>
	</div>
</div>

</div><!-- End demo -->
</body>
</html>
Attachments (0)
Change History (5)

Changed April 17, 2009 02:57AM UTC by scottgonzalez comment:1

milestone: TBD → 1.8

Changed May 01, 2009 03:46AM UTC by kbwood comment:2

I had the same problem with input fields. It was solved by forcing "layout" on the content divs with

.contentDiv {

zoom: 1;

}

Changed June 18, 2009 05:18PM UTC by nodster comment:3

The generic solution is to use:

.ui-accordion-content{

zoom: 1;

}

This should be added into the default stylesheet for the accordian ui. Nice catch kbwood!

Changed July 09, 2009 04:37PM UTC by smadep comment:4

you just saved my weekend!!!!! thx!

Changed August 06, 2009 06:58PM UTC by jzaefferer comment:5

resolution: → fixed
status: new → closed

Fixed in r3039. This also seemed to fix a lot of flickering in IE6.