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)

test_SplitContainer_5.html (2.3 KB) - added by Adam Peller 13 years ago.
Test submitted by Pengyue Li (IBM, CCLA)

Download all attachments as: .zip

Change History (2)

Changed 13 years ago by Adam Peller

Attachment: test_SplitContainer_5.html added

Test submitted by Pengyue Li (IBM, CCLA)

comment:1 Changed 12 years ago by bill

Resolution: invalid
Status: newclosed

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.