Clicking on Modal Window closes DropDown Tree

[mtbvfrAgainBlocked]

Hi,

Still using version 2.9.3.

I have a Tree displayed by a DropDownButton.

To the right of the Tree Items I have added a Div styled like a Button.

When the “Button” is clicked the Window is opened as a modal dialog.

The Window is positioned such that the bottom half of the Tree’s DropDownButton is covered.

Clicking anywhere within the Window cause the Tree (DropDownButton) to be closed.

This occurs on both the Desktop Browser (Mozilla SeaMonkey 2.9) and Mobile Safari (iOS 6.1.3).

Markup:

<div id="divTreeItemMenuWindow">
  <div>Tree Item Menu Header</div>
  <div>Tree Item Menu Content</div>
</div>

Javascript:

$('#divTreeItemMenuWindow').jqxWindow({width:298,height:160,theme:gstrTheme,autoOpen:false,draggable:false,resizable:false,animationType:'none',isModal:true,position:{x:10,y:150},modalZIndex:20100,modalBackgroundZIndex:20050,zIndex:20025});

In the API documentation there is no explanation on how and when to use the 3 zIndex Properties. I set modalZIndex:20100 because the Window was opening behind the Tree.

Thank you, Michael.

[mtbvfrAgainBlocked]

P.S.

On checking the DOM, I couldn’t find any element with a z-index of 20050 nor 20025.

Hasta pronto, Michael.

[Peter StoevKeymaster]

Hi Michael,

It is not necessary to find such elements especially when you set the “zIndex” property which configures non-modal window which is not your scenario. The settings are set to the Window’s elements at the point when it is necessary.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[mtbvfrAgainBlocked]

Hi Peter,

So, what is the solution to the problem of the Tree DropDownButton being closed that I described in my first post?

Thank you, Michael.

[Peter StoevKeymaster]

Hi Michael,

The DropDownButton’s Popup will be closed when you click the window. That is intended behavior.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[mtbvfrAgainBlocked]

If the Window is Modal then it should be logical to expect the DropDownButton’s Popup to remain open because nothing else should be able to receive the focus except the Window and any elements within the Window.

When clicking anywhere else except the Window, the DropDownButton’s Popup remains open.

It is only when clicking inside the Window that the DropDownButton’s Popup closes.

How can I have the Tree DropDown Popup remain open when the Window or any of its elements is clicked?

Thank you, Michael

[Peter StoevKeymaster]

Hi Michael,

Unfortunately, I am unable to help you in that app scenario.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts