PDA

View Full Version : [2.0a1][DUPLICATE] ComboBox Anchor:100% broken in IE



fancellu
4 Oct 2007, 6:01 AM
Put in a 100% sizing combobox in the achoring.js demo

In IE 6 the combo box dissapears, fine in FF, fine at <100%

e.g.



var exampleData= [
['AL', 'Alabama'],
['AK', 'Alaska'],
['AZ', 'Arizona']
];


var store = new Ext.data.SimpleStore({
fields: ['abbr', 'state'],
data : exampleData
});


Ext.onReady(function() {

Ext.QuickTips.init();



var form = new Ext.form.FormPanel({
baseCls: 'x-plain',
labelWidth: 55,
url:'save-form.php',
defaultType: 'textfield',

items: [{
fieldLabel: 'Send To',
name: 'to',
anchor:'100%' // anchor width by percentage
},{
fieldLabel: 'Subject',
name: 'subject',
anchor: '100%' // anchor width by percentage
},
new Ext.form.ComboBox({
fieldLabel: 'Portfolios',
displayField:'state',
triggerAction: 'all',
emptyText:'Select a state...',
selectOnFocus:true,
mode: 'local',
name: 'portfolios',
typeAhead: true,
anchor:'100%',
store: store

})
, {
xtype: 'textarea',
hideLabel: true,
name: 'msg',
anchor: '100% -53' // anchor width by percentage and height by raw adjustment
}]
});

var window = new Ext.Window({
title: 'Resize Me',
width: 500,
height:300,
minWidth: 300,
minHeight: 200,
layout: 'fit',
maximizable:true,collapsible :true,
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form,

buttons: [{
text: 'Send',
handler:function() {alert('clicked')},
tooltip: 'click me please'
},{
text: 'Cancel'
}]
});

window.show();
});

jack.slocum
4 Oct 2007, 6:02 AM
Duplicate. Please search before posting.