Jun 22, 2016, 7:49 AM
[CLOSED] Open popup from grid in IE11
Hi,
I found a strange behaviour in IE11 when opening a popup from a grid: immediately after the popup opens, the page with the grid gets the focus, and the popup goes to background.
This page reproduces the problem
Thanks
I found a strange behaviour in IE11 when opening a popup from a grid: immediately after the popup opens, the page with the grid gets the focus, and the popup goes to background.
This page reproduces the problem
<%@ Page Language="C#" AutoEventWireup="true" %>
<!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>
</head>
<body>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
storeTest.DataSource = GetData();
storeTest.DataBind();
}
}
private object[] GetData()
{
return new object[]
{
new object[] { 1, "row 1", "window.open('', 1, 'width=300, height=200');" },
new object[] { 2, "row 2", "window.open('', 2, 'width=300, height=200');" },
new object[] { 3, "row 3", "window.open('', 3, 'width=300, height=200');" }
};
}
</script>
<script type="text/javascript">
function renderer_description(value, metadata, record)
{
return "<span onclick=\"" + record.data.ScriptOpenPopup + "\">" + record.data.Description + "</span>";
}
</script>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" />
<ext:GridPanel runat="server" Width="400" Height="200">
<Store>
<ext:Store ID="storeTest" runat="server">
<Fields>
<ext:ModelField Name="RowID" Type="Int" />
<ext:ModelField Name="Description" Type="String" />
<ext:ModelField Name="ScriptOpenPopup" Type="String" />
</Fields>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column runat="server" DataIndex="RowID" Text="ID" />
<ext:Column runat="server" DataIndex="Description" Text="Element" Flex="1">
<Renderer Fn="renderer_description" />
</ext:Column>
</Columns>
</ColumnModel>
</ext:GridPanel>
</form>
</body>
</html>
In Chrome the popup remains in the foreground. Is this a bug? Any workarounds?Thanks