[OPEN] [#799] Menu with iFrame content Closes on any click

We are upgrading our application from version 2.5 to 3.1 and encountered an issue with menu that have a panel with content loaded in frames.
On any click on the frame the menu is triggering the lostfocus event and hides itself. that has not been the case before.
here is an example:

Code:

---

    <ext:Toolbar runat="server" Width="500">
        <Items>
            <ext:Button runat="server" Text="Form controls" Icon="NoteEdit">
                <menu>
                    <ext:Menu runat="server">
                        <items>
                            <ext:Panel runat="server" Width="200" Height="400">
                                <Loader Url="Webform1.aspx" Mode="Frame" />
                               
                            </ext:Panel>
                        </items>
                    </ext:Menu>
                </menu>
            </ext:Button>
        </Items>
    </ext:Toolbar>

---

and the child page code

Code:

---

    <ext:ResourceManager runat="server" />
    <ext:Panel runat="server">
        <Items>
            <ext:TextField runat="server" Text="Hello world!" />
        </Items>
    </ext:Panel>

---

any click to change the content of the textfield closes the menu

Hi @baruch.gabo,

Yes, there is a problem. I am trying to find a workaround.

Were you able to find any workaround, other then putting the iframe view contents in the main page?

Sorry for the delay. I wanted to try once again before answering.

I was unable to find a workaround. But, actually, it doesn't mean that there is no workaround...

Quote:

---

other then putting the iframe view contents in the main page

---

Is it an option for you?

Not the best solution. The iframe content is complex and it clutters the main view code. But it will have to do for now.
Is this a bug with the new EXTJS or the new way menus behave.

Quote:

---

Not the best solution. The iframe content is complex and it clutters the main view code.

---

Maybe, organize that content as a user control?

Quote:

---

Is this a bug with the new EXTJS or the new way menus behave.

---

I think it is a bug.

The new focus managing system has been introduced in ExtJS 5.1 and it broke some scenarios like the one that we are discussing. Personally, I hope that the situation will be improved in ExtJS 5.1.1.

Created an Issue to track the defect.
https://github.com/extnet/Ext.NET/issues/799

Thanks for the help.

Here's the workaround:

Code:

---

<Listeners>
    <BeforeHide Handler="if (document.activeElement.id == item.down().down().id) { console.log('focus inside'); return false; }" />
</Listeners>

---

Add this inside the menu in the parent page (the one with the Loader panel).

EDIT: credits: Detecting when an iframe gets or loses focus stackoverflow question.