z-index issues with latest upgrade?

[aoverton07Participant]

We are running a very large SPA on top of jqwidgets and recently upgraded from 4.0 to 4.5.3, since upgrading we are noticing MANY issues regarding z-index that is causing a lot of problems for our users: Context Menus are being displayed behind windows, non-modal windows are being displayed on top of modal windows (and the modal overlay) regardless of how many times you call ‘bringToFront’.

Have there been any changes to the z-index functionality recently? I noticed that any of my non-modal windows are given a z-index of 100,000 I believe that number was only 10,000 before??? Modal windows are instantiated with z-index of 18,005….

Please advise, we are rolling back to 4.0 for now (which has a memory leak when redefining the source for jqxScheduler multiple times)

[aoverton07Participant]

I think I’ve narrowed the issue down to the jqxScheduler. When a window is invoked from the scheduler with a ‘bringToFront’ call the z-index is set to 99,999 thus causing all subsequent calls to ‘bringToFront’ (for any non-modal window) to set the z-index higher than the standard ~9000 for non-modal and ~18000 for modals.

You can see the issue here:

http://jsfiddle.net/6xyHE/39/

1.) Double click the appointment to open window 1, see that the z-index is 99999.
2.) Click the button on the bottom to open modal window 2, see that the z-index is 18001
3.) Click the button to open non-modal window 3, see that the z-index is 99999.

There is no way to bring the modal window to the front. Now any call to ‘bringToFront’ for any non-modal window will set the z-index higher than normal (~100,000) so now all my non-modal windows will be showing on top of all other widgets.

Why is the scheduler setting the z-index so high?

[Peter StoevKeymaster]

Hi aoverton07,

There are no changes regarding z-index and Scheduler is not setting z-index of your jqxWindows which are not related to the Scheduler, too. In addition, you can manually set z-index property as well.

Best Regards,
Peter Stoev

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

[aoverton07Participant]

How come the z-index of the windows are 99999 in the above jsfiddle?

[Peter StoevKeymaster]

In the Scheduler’s code we set only properties to elements dependent on the Scheduler so it will set z-index of its own edit dialog, but it does not have access to other stuff on the web page.

Best Regards,
Peter Stoev

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

[aoverton07Participant]

So…can you tell me why the z-index is set to 99999 in the jsfiddle I created? This is the only time I’ve seen the z-index that high for a non-modal window it does not appear to be intended behavior.

[Author]

Posts