Firefox grid bug

[RandyIntegra]

REQUIRED INFORMATION

Ext version tested:

• Ext 4.0 rev 7

Browser versions tested against:

• FF (all versions)

DOCTYPE tested against:

• All

Description:

• HTML Select element does not function properly in Firefox(any version) when loaded into a grid row. The Select element can be expanded so long as it is not already focused. Once focused, options cannot be selected by mouse, and select box cannot be expanded. However, if given focus, you can still use the keyboard to scroll through options.

Steps to reproduce the problem:

• Add an HTML Select element to a grid row (I used the grid-plugins.js for this example)
• View your grid in any version of Firefox (windows and mac)
• Attempt to choose an option from your Select element.

The result that was expected:

• Option should be selected.
• Select element should be free to open and close.

The result that occurs instead:

• the option cannot be selected, the select box closes, and cant be opened again (until it loses focus)

Test Case:

     var grid1 = Ext.create('Ext.grid.Panel', {
        store: getLocalStore(),
        columns: [
            {text: "Company", flex: 1, dataIndex: 'company'},
            {text: "Price", renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
            {text: "Change", dataIndex: 'change'},
            {text: "% Change", dataIndex: 'pctChange'},
            {text: "Last Updated",  renderer: function() { return '<select><option>1</option><option>2</option><option>3</option></select>'} }
        ],
        width: 600,
        height: 300,
        plugins: [{
            ptype: 'rowexpander',
            rowBodyTpl : [
                '<p><b>Company:</b> {company}</p><br>',
                '<p><b>Summary:</b> {desc}</p>'
            ]
        }],
        collapsible: true,
        animCollapse: false,
        title: 'Expander Rows in a Collapsible Grid',
        iconCls: 'icon-grid',
        renderTo: Ext.getBody()
    });

HELPFUL INFORMATION

Debugging already done:

• Completely removed CSS
• disabled row selection with disableSelection: true
• in firebug, removed the class "x-grid-row" from the parent tr, this allowed the select to function again, but the entire row is no longer a functional piece of the grid

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css
• custom css (include details)

Operating System:

• mac os x lion
• WinXP Pro

[mitchellsimoens]

Little firefox quirk... works 100% in Chrome but not in firefox.

[RandyIntegra]

I realize this is a problem in Firefox, and not chrome, as I have already pointed that out in the bug ticket. The question is... How do we fix it?

[mitchellsimoens]

I realize this is a problem in Firefox, and not chrome, as I have already pointed that out in the bug ticket. The question is... How do we fix it?

At the top of this thread, it says the bug has been opened in our tracker.

[RandyIntegra]

At the top of this thread, it says the bug has been opened in our tracker.

Thanks Mitchell, I didn't notice that up there