Ext version tested:

  • Ext 4.1.2

Browser versions tested against:
  • Chrome
  • FireFox
  • IE9

  • 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:

    <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"
    <iframe id="iframe1" src="test.htm" class="x-hidden"></iframe>

Operating System:
  • Windows 7