combo box is not opening in IE

[Rohan Jalil]

Hello, guys, I'm making an application that is using combo box but the problem is that when ever I try to expand the combo box it does not expands. Please tell me what is it that I'm doing wrong.


Here is the code for Combobox

Ext.define('TutorialApp.view.main.Image', {
    extend: 'Ext.panel.Panel',
    xtype: 'imageStorealias',
    
    items: [ 
    {
            xtype: 'combo',
                        width: 145,
                        itemId: 'activityCombobox',
                        cls: 'activityCombobox',
                        store: {
                            xtype: 'store',
                            fields: [ 'name', 'value' ],
                            data: [ {
                                name: "5 minutes",
                                value: 5
                            }, {
                                name: '15 minutes',
                                value: 15
                            }, {
                                name: "60 minutes",
                                value: 60
                            }, {
                                name: "360 minutes",
                                value: 360
                            } ]
                        },
                        queryMode: 'local',
                        displayField: 'name',
                        valueField: 'value',
                        value: 60,
                        editable: false,
                        listeners: {
                            change: 'onChangedActivityPeriod',
                            afterrender: function( cmp ) {
                                // debugger;
                                var input = cmp.getEl().down('#' + cmp.getInputId());
                                input.dom.readOnly = true;
                                input.on('focus', function() {
                                    //on firefox this blurs also popup, so it's unusable. better have blinking cursor than unusable field
                                    if ( !Ext.browser.is.Firefox ) this.blur();
                                });
                                Ext.fly(document.body).on("click", function( e ) {
                                    if ( !Ext.fly(e.getTarget()).findParent(".activityCombobox") ) {
                                        cmp.collapse()
                                    }
                                });
                            }
                        }
    } ],
    
});

[Gary Schlosberg]

Which version of IE? Do you see the issue using the doc example?
http://docs.sencha.com/extjs/6.2.1/c....ComboBox.html

[Rohan Jalil]

I'm using IE 11 and nope that example is working fine. I'm just not able to understand what is that I'm doing wrong due to which it is not opening in the Internet explorer

[Rohan Jalil]

any help anybody ??

[Gary Schlosberg]

I see the issue when I run your code. The problem is this line:

if (!Ext.browser.is.Firefox) this.blur();

When I remove it, the boundlist appears in IE.