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