Nov 24, 2015, 12:26 PM
[OPEN] [#941] [3.2.1] Modal Window is applying mask in all panels of the TabPanel even if it belongs to only one
There is a bug when a window with modal is rendered to a panel inside of a tabpanel. Follow these steps below:
1. Open Tab 1 and click on the button "Show Window". Keep the window opened.
2. Change to Tab 2 or Tab 3 and note that the mask of Window opened in Tab 1 still is presented.
Follows the isolated case code:
Chrome 46
Firefox 42
IE 11
Thanks
1. Open Tab 1 and click on the button "Show Window". Keep the window opened.
2. Change to Tab 2 or Tab 3 and note that the mask of Window opened in Tab 1 still is presented.
Follows the isolated case code:
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head runat="server">
<script type="text/javascript">
var onClick = function (pnl) {
win = new Ext.Window({
renderTo: Ext.net.getEl(pnl),
height: 100,
width: 200,
constrain: true,
modal: true,
}).show();
};
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:TabPanel runat="server" ID="_pnlCenter" Height="800" Region="Center">
<Items>
<ext:Panel runat="server" ID="_tab1" Title="Tab 1">
<Items>
<ext:Button runat="server" Text="Show Window">
<Listeners>
<Click Handler="onClick(App._tab1);" />
</Listeners>
</ext:Button>
</Items>
</ext:Panel>
<ext:Panel runat="server" ID="_tab2" Title="Tab 2">
<Items>
<ext:Button runat="server" Text="Show Window">
<Listeners>
<Click Handler="onClick(App._tab2);" />
</Listeners>
</ext:Button>
</Items>
</ext:Panel>
<ext:Panel runat="server" ID="_tab3" Title="Tab 3">
<Items>
<ext:Button runat="server" Text="Show Window">
<Listeners>
<Click Handler="onClick(App._tab3);" />
</Listeners>
</ext:Button>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</body>
</html>
Ext.Net 3.1.0.20777Chrome 46
Firefox 42
IE 11
Thanks
Last edited by Daniil; Nov 25, 2015 at 1:41 PM.
Reason: [OPEN] [#941] [3.2.1]