Opened 13 years ago
Closed 12 years ago
#3380 closed defect (invalid)
div overflow within contentPane and splitContainer doesn't work
Reported by: | Adam Peller | Owned by: | Adam Peller |
---|---|---|---|
Priority: | high | Milestone: | 0.9 |
Component: | Dijit | Version: | 0.9 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
Reported by Pengyue Li, IBM (CCLA) Ref #67239
There are two divs: one fixed height 50px; the other is overflow:auto. But the scrollbar doesn't show for the second div. The scrollbar is added to the splitContainer.
<div dojoType="dijit.layout.SplitContainer" orientation="horizontal" sizerWidth="5" activeSizing="1" layoutAlign="client" style="border: 2px solid black;" sizeMin="100" sizeShare="3" persist="false" > <div sizeShare="50" dojoType="dijit.layout.ContentPane" layoutAlign="right" style="background-color: #b39b86; padding: 8px;"> right<br />bar </div> <div dojoType="dijit.layout.ContentPane" sizeShare="50"> <div style="height: 50px;border: 2px solid black; "> fixed height div </div> <div style="border: 2px solid black;overflow:auto; "> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> <div>autoscroll div</div> </div> </div> </div>
Attachments (1)
Change History (2)
Changed 13 years ago by
Attachment: | test_SplitContainer_5.html added |
---|
comment:1 Changed 12 years ago by
Resolution: | → invalid |
---|---|
Status: | new → closed |
Hi. I think you aren't using the layout widgets correctly. I'm not even sure what you are trying to do, but my guess is this:
| fixed height div LEFT |------------------------------ | auto scroll div
The border between left and right can be moved, but the border between top and bottom can't. Bottom has a scrollbar. In this case what you want, in pseudocode, is:
<SplitContainer> <ContentPane> left </ContentPane> <LayoutContainer> <ContentPane layoutAlign=top style="height: 50px;"> fixed </ContentPane> <ContentPane layoutAlign=client> auto scroll </ContentPane> </LayoutContainer> </SplitContainer>
Note: See
TracTickets for help on using
tickets.
Test submitted by Pengyue Li (IBM, CCLA)