Opened 12 years ago

Closed 12 years ago

#2987 closed defect (fixed)

Jitter in test_Layout.html

Reported by: sjmiles Owned by: koranteng
Priority: high Milestone: 0.9beta
Component: Dijit Version: 0.9
Keywords: Cc:
Blocked By: Blocking:

Description

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.

Change History (4)

comment:1 Changed 12 years ago by bill

Milestone: 0.9M20.9beta
Owner: changed from bill to koranteng

comment:2 Changed 12 years ago by bill

Component: WidgetsDijit

comment:3 Changed 12 years ago by sjmiles

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

comment:4 Changed 12 years ago by bill

Resolution: fixed
Status: newclosed

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; 
}
Note: See TracTickets for help on using tickets.