Menu is falling behind the panel in extjs?

0
votes

I have a start menu panel just like in Sencha Desktop example. I have multiple menus in the panel. When click on menuitem the sub menu panel is getting rendered, but while clicking on other area the sub menu panel is hiding behind the main panel.

And even when I click on main menu items the menu panel is hiding.

I want to prevent the click event on the main menu items. And prevent the sub menu panel being hidden behind the main panel.

Please have a look at the screenshot:

enter image description here

1
extjsextjs4.2
Please send your HTML code with css or a fiddle link will be better to solve your issue. If you have live site url then you can give the url also. – Swarnamayee Mallia
It is completely written on Javascript through Sencha Architect. The behavior is completely in-built configurations. Not custom code. – Anand Singh
You can give your site url. – Swarnamayee Mallia
I am sorry I can't. You need to have a VPN connection which is highly confidential and restricted. It's Project Specific! – Anand Singh
Then it's not possible to find a solution without code or url. – Swarnamayee Mallia

1 Answers

0
votes

I had the same problem.

My solution was to check if there is a submenu and bring this submenu to the front.

So in my controller on the click event of the menu i did the following :

if (menuitem.menu) {
menuitem.menu.toFront();
return;
}