accordion: visual testcase and fix for #4444; probably fixes a few other issues, too, eg. less flickering

jzaefferer · jzaefferer · commit 8ebef87f2e65 · 2009-08-06T18:57:44.000Z
diff --git a/tests/visual/accordion/accordion_ticket_4444.html b/tests/visual/accordion/accordion_ticket_4444.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>Accordion Visual Test : Accordion ticket #4444</title>
+	<link rel="stylesheet" href="../visual.css" type="text/css" />
+	<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+	<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#accordion").accordion({
+			autoHeight: false
+		});
+	})
+	</script>
+</head>
+<body>
+
+<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4444">#4444 - Accordion Content disappears with autoHeight set to false in IE 6</a></h1>
+
+<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>
+
+</body>
+</html>
diff --git a/themes/base/ui.accordion.css b/themes/base/ui.accordion.css
@@ -6,5 +6,5 @@
 .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
 .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
 .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
-.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
 .ui-accordion .ui-accordion-content-active { display: block; }
