Opened 10 years ago

Last modified 10 years ago

#12372 closed defect

BorderContainer with ContentPanes inside dijit.form.Form broken since 1.6.0 — at Version 1

Reported by: Florian Owned by:
Priority: high Milestone: 1.6.1
Component: Dijit Version: 1.6.0
Keywords: dijit..layout.BorderContainer dijit..layout.ContentPane dijit.form.Form Cc:
Blocked By: Blocking:

Description (last modified by bill)

When embedding a BorderContainer with ContentPanes inside a dijit.form.Form the BorderContainer is not rendered correctly. This was working until 1.6.0rc1 but not with 1.6.0 anymore.

Example:

[...]
<style type="text/css">
html, body {
	height: 100%;
	width:100%; 
	margin: 0;
	overflow: hidden;
}
</style>

[...]

<body class="claro">

<form dojoType="dijit.form.Form"
		style="height:100%;width:100%;display:inline;"> 
	<div dojoType="dijit.layout.BorderContainer" style="height:100%;width:100%;">
		<div dojoType="dijit.layout.ContentPane" region="top">
			title
		</div>
		<div dojoType="dijit.layout.ContentPane" region="center">
			A dijit.form.FilteringSelect just for testing: 
			<select dojoType="dijit.form.FilteringSelect">
				<option value="de">germany</option>
				<option value="it">italy</option>
			</select> 
		</div>
	</div>
</form> 

</body>

Regards,

Florian

Change History (1)

comment:1 Changed 10 years ago by bill

Description: modified (diff)

Hi Florian,

Haven't tried your code but let me aska few questions:

Why does your dijit.form.Form have display:inline combined with width:100% and height:100%? Doesn't it need to be display:block?

In 1.6 dijit.form.Form has taken on some of ContentPane's behavior, specifically that when it has a single layout child, it tries to size the child to match it's own size. So, if you don't want that, if you want the BorderContainer to have it's own size, then you'd need to say doLayout=false on the dijit.form.Form. Which element did you want the size to be specified on, the Form or the BorderContainer?

Note: See TracTickets for help on using tickets.