Modal Dialog does not scroll on overflow

[[email protected]…]

When using a modal dialog and having content loaded via AJAX, the dialog does not scroll on overflow. It will expand beyond the visible screen. The dialog adheres to the max-height and max-width properties but the content continues beyond the border of the dialog height. Screenshots can be provided.

CSS:

.dojoDialog {
	background : #eee;
	border : 1px solid #999;
	-moz-border-radius : 5px;
	padding : 4px;
	width: 50%;
	max-width: 75%;
	max-height: 500px;
	overflow:scroll;
}

JS:

function showme(paneid)
{
	gethelp(paneid); //gets the help information and loads it into the span tag innerHTML of the dialog
	dlg.show(); //shows the dialog
}

[bill]

There is no widget called "Modal Dialog" but I guess you are talking about Dialog. (Or are you talking about ModalFloatingPane??) This is related to #757.

In the future please attach testcases (an entire HTML file) rather than just inlining code snippets.

Anyway, Dialog doesn't support having it's size set, AFAIK.

[bill]

(In [7454]) The dialog's containerNode needs its overflow set to auto - and we need to set the height so that overflow takes effect. We also handle the case of dynamically loaded content and lengthen accordingly. Fixes #757 and #2088.

Patch from Koranteng (IBM, CCLA on file).