View Full Version : issue with column layout within vbox

7 Apr 2010, 12:10 PM
encountering an issue in FF where the column layout container is sometimes sized incorrectly. very strangely, in the example below, the issue only arises when certain values of the fieldset title are used. for example, a title of "X" on the fieldSet causes issue whereas "D" does not.

FireFox 3.6.3
Extjs 3.2RC1

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="ext-all.css">
<script type="text/javascript" src="ext-base-debug.js"></script>
<script type="text/javascript" src="ext-all-debug.js"></script>
<script type="text/javascript">

var title = 'x';
var config = {title: title, height: 300, columnWidth: 0.5};
var p1 = new Ext.form.FieldSet(config);
var p2 = new Ext.form.FieldSet(config);

var row = new Ext.Panel({
layout: 'column',
items: [p1, p2],
bodyStyle: 'border: 5px solid green',

viewport = new Ext.Viewport({
layout: {
type: 'vbox',
align: 'stretch'
items: row

7 Apr 2010, 9:29 PM
The code you posted doesn't really make a lot of sense. Why use a vbox layout with only a single child item?

I'd suggest reviewing the code and choosing something more appropriate.

8 Apr 2010, 6:16 AM
I simplified the layout to demonstrate the problem. the issue arose in a more complex layout that required both the vbox and column layout, and which worked fine up to extjs 3.03.

how can this not be considered a bug?