REQUIRED INFORMATION

Ext version tested:
  • Ext 4.1.2
Browser versions tested against:
  • Chrome
  • FireFox
  • IE9
Description:
  • Expanding a region of Border layout caused iframe reloading in the center region.
  • Generally, it is a known issue when ifram reloads when moved into another DOM node, but, I think, it should not happen in this case.
  • It doesn't happen on collapsing.
  • collapseMode: "mini" for the region helps to avoid this issue.
  • animCollapse: false doesn't help.
Steps to reproduce the problem:
  • Collapse the region
  • Expand the region
The result that was expected:
  • iframe does not reload
The result that occurs instead:
  • iframe does reload
Test Case:

Code:
<html>
<head>
    <title>Border iframe reloading</title>

    <link type="text/css" rel="stylesheet" href="../resources/css/ext-all.css" />
    
    <script type="text/javascript" src="../ext-all-debug.js"></script>

    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.create("Ext.Viewport", {
                renderTo: Ext.getBody(),
                layout: "fit",
                items: [{
                    layout: "border",
                    items: [{
                        width: 200,
                        region: "west",
                        collapsible: true,
                        animCollapse: false,
                        title: "East"
                    }, {
                        region: "center",
                        contentEl: "iframe1",
                        title: "Center"
                    }]
                }]
            });
        });
    </script>
</head>
<body>
    <iframe id="iframe1" src="test.htm" class="x-hidden"></iframe>
</body>
</html>
HELPFUL INFORMATION

Operating System:
  • Windows 7