Bonjour,
voici mon problème :
Si on met 2 collapsepanel à la suite et que l'on deroule les 2 collapse tous se passe bien.
Par contre lorsque l'on veut afficher une div ou un control par dessus le 2éme collapse, cette div passe en dessous. Explication en image :
Ce bug n'apparait que sous firefox. Voila le code pour tester:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Test</title>
<link href="Resources/Public/reset.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="MyToolkitScriptManager" runat="server" ></ajaxToolkit:ToolkitScriptManager>
<ajaxToolkit:CollapsiblePanelExtender ID="cpe1" runat="Server" TargetControlID="Panel2" ExpandControlID="Panel1" CollapseControlID="Panel1" Collapsed="false" SuppressPostBack="true"/>
<asp:Panel ID="Panel1" runat="server" BackColor="blue">
Extend/Collapse 1
</asp:Panel>
<asp:Panel ID="Panel2" runat="server" BackColor="yellowgreen">
<input type="button" value="Show" onclick="lbox.style.visibility='visible';" />
<select id="lbox" multiple="multiple" style="z-index: 9999; visibility: hidden; position: absolute;">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">D</option>
<option value="5">E</option>
</select>
</asp:Panel>
<ajaxToolkit:CollapsiblePanelExtender ID="cpe2" runat="Server" TargetControlID="Panel4" ExpandControlID="Panel3" CollapseControlID="Panel3" Collapsed="false" SuppressPostBack="true"/>
<asp:Panel ID="Panel3" runat="server" BackColor="red">
Extend/Collapse 2
</asp:Panel>
<asp:Panel ID="Panel4" runat="server" BackColor="yellowgreen">
Testpanel
</asp:Panel>
</form>
</body>
</html>
merci pour votre aide