div overflow within contentPane and splitContainer doesn't work

[Adam Peller]

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>

[Adam Peller]

Test submitted by Pengyue Li (IBM, CCLA)

[bill]

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>