Diagram in Chrome keypress causes postback
I have the following code in chrome vs 16.0.912.75 m and the diagram is capturing keypresses when it does not have focus and is doing a postback. In this example I am not able to input values in the numeric textboxes because the diagrame is capturing all keypress events. How do I get this working in chrome?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="diagramtest.aspx.cs" Inherits="Pontoon_diagramtest" %>
<!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></title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
height: 100%;
}
#left
{
position: absolute;
left: 8px;
padding: 0px;
width: 98%;
height: 80%; /* works only if parent container is assigned a height value */
color: #333;
background: #eaeaea;
border: 1px solid #333;
margin-bottom: 100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager" runat="server">
<Scripts>
<asp:ScriptReference Path="~/scripts/jquery-1.5.2.min.js" />
<asp:ScriptReference Path="~/scripts/ui/jquery-ui-1.8.16.custom.js" />
</Scripts>
</asp:ScriptManager>
<div>
<%-- Select Configuration --%>
<table cellpadding="2" cellspacing="2" class="styled">
<tr>
<td>
<table>
<tr>
<td class="label" align="right">
</td>
<td class="label">
</td>
<td>
</td>
<td class="label" align="right">
Display node count:
</td>
<td>
<syncfusion:NumericTextBox ID="NumericTextBox1" runat="server" MinValue="0"
Width="180px" Value="9999" />
</td>
</tr>
<tr>
<td class="label" align="right">
</td>
<td>
</td>
<td>
</td>
<td class="label" align="right">
Node id:
</td>
<td>
<syncfusion:NumericTextBox ID="NumericTextBox2" runat="server" MinValue="0"
Width="180px" ShowButtons="False"/>
</td>
</tr>
</table>
</td>
<td>
<table style="width: 200px;">
<tr>
<td bgcolor="#C6EFBD">
</td>
<td>
Tab Page
</td>
</tr>
<tr>
<td bgcolor="#6CC1F3">
</td>
<td>
Form
</td>
</tr>
<tr>
<td bgcolor="#B30000">
</td>
<td>
Possible Error
</td>
</tr>
</table>
</td>
</tr>
</table>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id='left'>
<syncfusion:DiagramWebControl ID="DiagramWebControl1" runat="server" Height="100%"
Width="100%" BorderStyle="none" BoundaryConstraintsEnabled="True" DocumentID="c0d5c8fe-5242-490e-9449-809d5b066eb5"
EnableXHTML="True" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
Share