My JSAPI web app has a timeslider on it. There is also a dijit.forms.button that is used to open a dijit.dialog, which will have content.
When the dijit.dialog is shown, the time slider stays visually on top of the dijit, dialog. I've testing it in a couple of scenarios and this is repeatable. I've done with both declarative and programmatic instances of the time slider and dijit.dialog.
The screen caps below show what's going on.
Before the OpenDialog button is clicked, the UI looks like this:
After the OpenDialog button is clicked, the UI looks like this:
Note how the play button, slider and thumbs, and FF/RW buttons are staying on top of the "Outage Schedule" dijit.dialog. Also, the mouse events still occur on the time slider, instead of being "greyed out" like the rest of the application.
Seriously, what's up with that? Is this a defect in the JSAPI TimeSlider widget? Is that a way to put the time slider "under" the modal dialog?
Any help please. TIA