id	summary	reporter	owner	description	type	status	priority	milestone	component	version	resolution	keywords	cc
11750	Iframe Dialog Scrollbar problem.	Jakub Ś		"Problem can be reproduced in IE8-10 (works in IE11).

1. Add attached insertVariable plugin (best in CKEditor dev)
2. Add below code in HTML page:
{{{
CKEDITOR.replace( 'editor1', {
	extraPlugins: 'insertVariable'
});
}}}
3. Load the page and open insertVariable Dialog.
**Result:** in IE8-10 there is always vertical scrollbar.
This is happening because below TD element exceeds size of wrapper div:
{{{
<td class=""cke_dialog_ui_vbox_child"" role=""presentation"" style=""width: 100%; height: 100%;"">
}}}
{{{
<div class=""cke_dialog_ui_vbox cke_dialog_page_contents"" id=""cke_111_uiElement"" role=""tabpanel"" aria-hidden=""false"" aria-labelledby=""cke_iframe_112"" style=""width: 100%; height: 100%;"" name=""iframe"">
}}}
This scrolbarr is not a big issue with small content but you you use large contant you will get double vertical scrollbar (Please see attached iframeDialog.png)

----

One solution to this problem is adding below rule in ckeditor/skins/moono/dialog_ie.css:
{{{
.cke_dialog_page_contents {
	overflow:hidden;
}
}}}
The above rule solves the problem (please note that kama skin uses this class in dialog_iequirks.css) but if someone uses ony iframe in his dialog it would be nice idea to to have paddings removed on {{{cke_dialog_contents_body}}}. Perhaps we could introduce separate class for iframeDialog and 'contents body' or simply modify both?
"	Bug	confirmed	Normal		General	4.3.2		IE