Ticket #5672 (new defect)

Opened 6 months ago

Last modified 3 months ago

StackContainer/TabContainer: pane can't contain independently sized layout widgets

Reported by: bill Owned by:
Priority: normal Milestone: 1.3
Component: Dijit Version: 1.0
Severity: normal Keywords:
Cc:

Description (last modified by bill) (diff)

A StackContainer/TabContainer can have arbitrary layout widgets as children, such as TabContainer, and it will render correctly. However, if the StackContainer's child is a ContentPane, and that ContentPane contains various layout widget where the size is set on the layout widgets (rather than inherited from the ContentPane), they will not render correctly. Example (untested) code:

<div dojoType="dijit.Layout.StackContainer" style="height: 500px;">
   <div dojoType="dijit.layout.ContentPane" > ... </div>
   <div dojoType="dijit.layout.ContentPane" > 
             ... random text ...
             <div dojoType="dijit.layout.TabContainer" style="height: 200px;"> ... </div>
             ... random text ...
    </div>
</div>

The problem is that the inner TabContainer needs to visible in order to render. Should probably be using position: absolute, visibility: hidden rather than display: none; to hide the panes.

See also #5546.

Change History

Changed 6 months ago by bill

  • description modified (diff)

Changed 5 months ago by alex

  • milestone changed from 2.0 to 1.3

Milestone 2.0 deleted

Changed 3 months ago by bill

  • description modified (diff)

See #6678 for more discussion and possible patch.

Changed 3 months ago by bill

See also #6686 for possible patch.

Note: See TracTickets for help on using tickets.