Problem with claro theme for a Dialog, getting a transparent background.

[Ed Chatelain]

Dialog.css for claro is missing background: #fff; With the attached test, if you move the dialog over the div, you will see the background div thru the dialog. This does not happen with tundra. Also if a dialog is moved over an applet the dialog border will disappear. Both problems are fixed by adding background: #fff; to dijit/themes/claro/Dialog.css, around line 31, in the section: .claro .dijitDialog {

[bill]

Hmm, it's not really missing a background: #fff, it's that it doesn't need it. Your test case fails because it's setting the size of the dialog, which isn't supported. Usually there isn't any space beyond what the div.dijitDialogPaneContent takes up.

Setting the dialog size can be dangerous since you might make it too small to hold the dialog contents, depending on the user's browser's settings, especially if the browser is in big-font high-contrast mode. Is there really some reason you need to set the size?

Regarding applets, I ran test_bgIframe.html and don't see any issues.

[Ed Chatelain]

You are right, removing the size on the dialog fixes the problem over the div. The size was being set on the testcase, but it was not being set when they were seeing the problem in their application when moving the dialog over the applet. But in any case, they don't have a good testcase for the applet, and they have their workaround, so you can close this ticket.