REQUIRED INFORMATION


Ext version tested:
  • Ext 4.2.0 rev 489


Browser versions tested against:
  • IE9


DOCTYPE tested against:
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


Description:
  • Drag&Drop (Portal, TabReorderer) causes IE9 hidding if IE9 has single tab and there are OS windows under browser


Steps to reproduce the problem:
  • Open several windows in Windows 7 (i tested in Win7, not sure if problem is reproduced in other versions of Windows)
    2) Open the following test case in IE9 (browser should have one tab only and must be on top of other windows)
    3) Click on Tab2


The result that was expected:
  • IE9 should be visible


The result that occurs instead:
  • Switching tabs will send the browser window to the back or minimizes it.


Test Case:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Button Examples</title>
    <script type="text/javascript" src="../../examples/shared/include-ext.js"></script>    
    
    <script type="text/javascript">
		Ext.Loader.setConfig({enabled: true});

		Ext.Loader.setPath('Ext.ux', '../ux/');

		Ext.require([
			'Ext.tab.*',
			'Ext.ux.TabReorderer'
		]);
		
		Ext.onReady(function () {
			Ext.create("Ext.tab.Panel", {				
				plugins: Ext.create('Ext.ux.TabReorderer'),
				renderTo: document.body,
				items: [{					
					title: "Tab1"
				}, {					
					title: "Tab2"
				}],
				activeTab: 0,
				plain: true
			});
		});
	</script>
</head>
<body>
</body>
</html>


HELPFUL INFORMATION

Operating System:
  • Win7