[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

**Daniil** · 25 Oct 2012 8:56 PM

Thank you for the details!

I see it has been marked fixed.

So, am I right to expect the fix in 4.1.3 or, maybe, 4.1.4? Or is 4.2 still actual?

**Animal** · 25 Oct 2012 9:27 PM

4.1.3 is out. The code went into the 4.2 branch

**Daniil** · 25 Oct 2012 10:53 PM

Ok, thanks!

If you will have a chance, could you look at this, please?
http://www.sencha.com/forum/showthread.php?246801

Just I am interested in your opinion. I know you always have an independent opinion

(Apologize for a trick. Please just ignore if you wish.)

**slee90** · 16 Apr 2013 8:04 AM

i think this problem still exists in IE 9. if I did panel.getLoader().load(), it throws a bunch of js errors in the URL provided. tested with other versions of IE and browsers, works fine.

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

Thread Tools

Search Thread

Display

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

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