Opened 14 years ago
Closed 14 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 14 years ago by
Milestone: | 0.9M2 → 0.9beta |
---|---|
Owner: | changed from bill to koranteng |
comment:2 Changed 14 years ago by
Component: | Widgets → Dijit |
---|
comment:3 Changed 14 years ago by
comment:4 Changed 14 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
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; }
IMO, recent comments about contentBox returning wrong information (http://trac.dojotoolkit.org/ticket/3150) are in fact due to similar scrollbar issues.