Ext version tested:
  • Ext 4.1.3
  • Ext 4.1.1
Browser versions tested against:
  • IE6 (6.0.2800) on Win2000
  • IE6 (6.0.2900) on WinXP
DOCTYPE tested against:
  • <!DOCTYPE html>
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Description:
  • The dropdown list only shows the first item after clicking the trigger the first time. The other items remain hidden. When you click again on the trigger, all items are visible. This problem occurs in IE6 only. The screen shots says it all (reproduce, what expected and what not.)
Test Case:
Code:
Ext.define('MyApp.view.TestForm', {
    extend: 'Ext.form.Panel',
    initComponent: function() {
        var me = this;


        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'combobox',
                    name: 'id_country',
                    fieldLabel: 'Land',
                    displayField: 'description',
                    store: 'Countries',
                    valueField: 'id_country'
                }
            ]
        });


        me.callParent(arguments);
    }
});
Screenshot:
IE6 - Combobox - only first item visible on first click.PNG

See this URL for live test case: http://

Debugging already done:
  • Test all other browsers (no problem). Tested 4.1.1 and several doctypes (same problem)
Possible fix:
  • not provided
Additional CSS used:
  • No idea, beacuse difficult to debug IE6 only. IE7+ has no problems.
Operating System:
  • WinXP Pro