[4.1.2] Border layout: expanding collapsed region caused iframe reloading

**Daniil** · 10 Oct 2012 2:29 AM

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

**mitchellsimoens** · 10 Oct 2012 4:24 AM

Thanks for the report.

**pelaez87** · 24 Oct 2012 11:16 PM

Hi,

I have the same problem, is there any advance or a fixed version.
In any case, when could we have a release with this bug fixed?

**Animal** · 25 Oct 2012 2:22 AM

Try

Code:

Ext.override(Ext.layout.container.Border, {
    isValidParent: function() {
        return true;
    }
});

**Daniil** · 25 Oct 2012 6:58 AM

Thank you, @Animal! It works well.

Please clarify is it just a workaround or a candidate to be a permanent fix?

**Animal** · 25 Oct 2012 7:50 AM

Just a workaround.

The fix is to write isValidParent to correctly determine whether the border child item really does need moving somewhere else within the container.

It's complicated by the extra Splitter Components being automagically inserted between Components, and the extra weirdness of placeholder Components which are what you see as the collapsed "representation". They are all in there, and isValidParent just doesn't do a good job right now.

I have the ticket open it will be fixed in 4.2

[4.1.2] Border layout: expanding collapsed region caused iframe reloading

Thread Tools

Search Thread

Display

Hybrid View

[4.1.2] Border layout: expanding collapsed region caused iframe reloading

[4.1.2] Border layout: expanding collapsed region caused iframe reloading