javascript - ExtJS combobox sometimes hides behind window greyed out -

Then the code below selects when a user save on an ExtJS popup modal window. There is only one Cambodia in this window now, sometimes when a user saves it and then opens it again, all behind the combo box window will be grayed out, which are unable to obtain. Second time, it will be fine and will work, and there will be no difference in the events that happen at any given time, just complete the complete inconsistency.

Does anyone know what this can be?

var changeProductOK = function () {var win = getChangeProductWindow (); If (win.subProductId.getValue () == '') {Global.alert ('Select a product'); Return; } Win.hide (); PropertiesWin.hide (); Global.confirm ('Are you sure?', 'Confirm', function (results) {if (consequence) {global. Mask ('product is changing', workspace panel.get al ()) workspace controller. (Application id, win subProductId .getValue (), function (response) {Global.unmask (workspacePanel.getEl ()); if (! Response) {showWorkflowMessages ([[Type: 0, Text: ' Time has ended. Please try again. '}]);) Return;} If (response.Data.Result == incorrect) {showWorkflowMessages (response.Data.Messages);} and {Global. Mask ('application to reload'); Reload workspace ();}})}} Win.subProductId.setValue (''); }); }

The problem is to do with any kind of bug that includes the z-index is. I have decided to make sure that z-index connects by adding a bit more to the window:

  & lt; Style & gt; .x-combo-list {z-index: 10000! Important} / * a hack to fix the Superbox Seal dropdown that appears behind the window. * / & Lt; / Style & gt;  

Not beautiful, but it works.