Hi,
I am trying to use Dialog Dijit on my page. The dialog is created like this:
<div dojoType="dijit.Dialog" title="Select SCAC code and Carrier" href="ScacCodes.html" id="scacDialog"></div>
The file "ScacCodes.html" contains three tables (no html body tags), the last table has some 170 rows.
When the user clicks on the button the dialog is made visible like following:
<button class="button" dojoType="dijit.form.Button">Search
<script type="dojo/method" event="onClick" args="evt">
dijit.byId("scacDialog").show();
</script>
</button>
But the problem is when the button is pressed for first time the dialog covers the entire screen (titlebar is not visible) and the content is not scrolled. By pressing ESC key the dialog is removed from screen.
When the button is pressed again dialog is getting display correctly, but on IE it shows a horizontal scrollbar also.
Please see the attachments.
This behavior is observed on IE 6.0 (XP SP2), Chrome and FireFox 3.5 (for other browsers, I am not sure).
Please help as this is very critical for our project. I am using dojo 1.3.1
Thanks,
Piyush D.
FirstTime_Chrome.PNGFirstTime_FF3.5.PNGFirstTime_IE6.0.PNGSecondTime_FF.PNGSecondTime_IE_See_HorizontalScrollBar.PNG
