PDA

View Full Version : [OPEN-1038] ComboBox not aligned properly on IE6



VT-TizianoF
11 Jun 2010, 1:51 AM
Ext version tested:


Ext 3.2.1



Adapter used:


ext



css used:


only default ext-all.css





Browser versions tested against:


IE6



Operating System:


WinXP Pro



Description:


The combobox is not properly aligned to the dropdown button.



Test Case:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<link rel="stylesheet" type="text/css"
href="extjs/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css"
href="extjs/ux/css/fileuploadfield.css" />

<script type="text/javascript" src="extjs/ext-base-debug.js"></script>
<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
<script type="text/javascript" src="extjs/ux/FileUploadField.js"></script>

</head>
<body>

<script type="text/javascript">

Ext.onReady(function(){
var panel = new Ext.Panel({
width: 500,
height: 300,

title: 'test',
layout: 'border',

items: [{
region : 'north',
layout: 'absolute',
height: 100,
minHeight: 100,

items: [{
xtype : 'combo',
x: 50,
y: 5,
anchor: '-5',

triggerAction: 'all',
mode: 'local',
store: new Ext.data.ArrayStore({
id: 0,
fields: [
'myId',
'displayText'
],
data: [[1, 'item1'], [2, 'item2']]
}),
valueField: 'myId',
displayField: 'displayText'
}]
}, {
region: 'center',
html : ''
}]
});

panel.render(Ext.getBody());
});
</script>

</body>
</html>



Steps to reproduce the problem:
Just open the page on IE6.

The result that was expected:
I'd expect the combobox to be aligned as in IE8.

jayrobinson
11 Jun 2010, 11:47 AM
Looks like an issue with the absolute layout. We'll be looking into this more.