Background of ModalFloatingPane has incorrect z-index if multiple ModalFloatingPanes are opened

[guest]

An application creates a pair ModalFloatingPanes? named pane1 and pane2. Pane1 is then caused to be shown. At this point in time, pane1 is shown and the base application is greyed out correctly. While pane1 is shown, pane2 is caused to be shown. At this point in time pane2 is shown and the rest of the application including pane1 is greyed out.

This so far is the expected behavior.

If one then causes pane2 to be hidden, pane1 will still be greyed out with the rest of the application.

The problem seems to be that when a ModalFloatingPane? is shown a recalculation is done of the z-index of all of the ModalFloatingPanes?. However, the z-index is only recalculated for the background div of the ModalFloatingPane? that is actually shown. This causes the ModalFloatingPane? behind it to have a lower z-index than it's background div.

The code in error is in dojo.widget.FloatingPane?.js:

dojo.widget.defineWidget("dojo.widget.ModalFloatingPane?", ...

show:function () { this.showModalDialog(); dojo.widget.ModalFloatingPane?.superclass.show.apply(this, arguments); this.bg.style.zIndex = this.domNode.style.zIndex - 1;

}

A fix that seems to work is to replace the highlighted line with:

var modalFloatingPanes = dojo.widget.manager.getWidgetsByType(this.widgetType); for (var x = 0; x < modalFloatingPanes.length; x++) {

modalFloatingPanes[x].bg.style.zIndex =

modalFloatingPanes[x].domNode.style.zIndex - 1;

}

I will attach a sample HTML file that demonstrates the problem.

[guest]

A self contained example showing the problem

[guest]

I seem to have forgotten to sign the defect report.

Shmuel Kallner
IBM Labs in Haifa, Israel
[email protected]…

[dante]

promise to make sure this is not an issue in 0.9/1.0 FloatingPane?.

welcome reopening with a patch to back port if community desire is great.