Hi,
There’s a display issue in IE7, when there’s a DropDownList inside a DropDownButton. When the DropDownList opens, the list is actually behind the DropDownButton. Codes:
HTML:
<div id=”jqx_dropdownbutton”>
<div style=”background-color: red”>
<div id=”jqx_dropdownlist” />
</div>
</div>
JS:
$(“#jqx_dropdownlist”).jqxDropDownList({
theme: “”,
width: 200,
height: 24,
source: [“Group 1”, “Group 2”],
selectedIndex: 0,
animationType: “fade”,
autoDropDownHeight: true
});
$(“#jqx_dropdownbutton”).jqxDropDownButton({
theme: “”,
width: 150,
height: 24,
animationType: “fade”
});
$(“#jqx_dropdownbutton”).jqxDropDownButton(“setContent”, “Change Group”);
The issue is not seen in IE8 or IE9.
Please advise. Thanks!
Yucheng
