You found a bug! We've classified it as EXTJS-4334 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Touch Premium Member
    Join Date
    Oct 2011
    Posts
    22
    Vote Rating
    0
    RandyIntegra is on a distinguished road

      0  

    Exclamation Firefox grid bug

    Firefox grid bug


    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:
    Code:
         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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,543
    Vote Rating
    873
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Little firefox quirk... works 100% in Chrome but not in firefox.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Touch Premium Member
    Join Date
    Oct 2011
    Posts
    22
    Vote Rating
    0
    RandyIntegra is on a distinguished road

      0  

    Default Still an issue...

    Still an issue...


    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?

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,543
    Vote Rating
    873
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by RandyIntegra View Post
    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Touch Premium Member
    Join Date
    Oct 2011
    Posts
    22
    Vote Rating
    0
    RandyIntegra is on a distinguished road

      0  

    Default Awesome!

    Awesome!


    Quote Originally Posted by mitchellsimoens View Post
    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

Thread Participants: 1

Tags for this Thread