My tabcontainer shows its contents but the bottom of the container isn't visible in ie6 when there's a scrollbar. If you parallel ie7, FF (that do work) to ie6 the displayed area is the same but the ie6 TabContainer panes scrollbar disappears below this point unless you resize the window which corrects it. It is almost like the container it is in has it's overflow set to hidden, except the container tag is the body tag, it works in FF and ie7 and I've removed all custom CSS. Anyone have any ideas on how to solve this? If I size the container to greater then its contents it shows the bottom. I can't even take the test page and copy the code to my project and have the TabContainer bottom work properly in ie6???
UPDATE: I can get it to work but only if I append a p element (doesn't work with div) to the body of the page addOnLoad like the dojo tests do... seems to be a CSS issue. Other then this little hack solution does anyone know why this happens????
Doesn't sound like this is
Doesn't sound like this is your situation, but I have seen where, if you have a sibling element below a "container", with that sibling element having style visibility:hidden, IE will, perhaps properly, reserve space for it and affect where the bottom of the container is shown.
Thanks that works
It also works making the body tags height 100% but that only fixes the test page I made to try and fix the same problem within one of my widgets. Your solution works within my widget. Thanks again.
Doesn't work for me... any other ideas?
I've hit this same issue in both IE 6 and 7. I've tried adding dummy content with "visibility: hidden" at the bottom of the ContentPane div for the tab. IE is reserving the space for it as expected, but the scrollbar still doesn't resize unless the browser window is resized. As it is currently, a large portion of the tab is hidden until the user does the unintuitive browser resize. Any ideas appreciated.
Resolved...
The main thing is to call resize() on the tab container after the ajax request's content is updated:
[inside the xhrPost's load function]
...
var ajaxContainer = dijit.byId("ajaxReportBody")
ajaxContainer.setContent(response)
// Work around ie scrollbar resize bug (also in dojo.addOnLoad method in reportBody.jsp for non-ajax request)
var tabContainer = dijit.byId("mainTabContainer")
tabContainer.resize()
...
Or if it's a GET (my app does both with the same page):
dojo.addOnLoad(
function() {
var tabContainer = dijit.byId("mainTabContainer")
if ( !(tabContainer === undefined)) tabContainer.resize()
}
)
I'm not sure why this isn't baked into the framework... seems like a bug.