Jitter in test_Layout.html

[sjmiles]

When resizing elements in test_Layout.html you can see jitter, or jumping DIVs. In particular the tab pages will seem too small at times.

This is due to the interaction of scrollbars and the layout code.

In general if you are fitting something into something else in a particular direction (horizontal or vertical) the outer something must have overflow: hidden in that direction.

This exact symptom in test_Layout.html could be fixed with

body .dojoTabPaneWrapper {
	overflow: hidden;
}

But that is a keyhole hack.

Suggest the layout code should attempt to normalize containers to have proper overflow: hidden styles.

[sjmiles]

IMO, recent comments about contentBox returning wrong information (​http://trac.dojotoolkit.org/ticket/3150) are in fact due to similar scrollbar issues.

[bill]

OK, this is already fixed, right? I don't see any jitter, and dijit.layout.layoutChildren calls

dojo.addClass(container, "dijitLayoutContainer");

which is defined in dijit.css as:

.dijitLayoutContainer{ 
	position: relative;
	display: block;
	overflow: hidden; 
}