Results 1 to 5 of 5

Thread: Firefox grid bug

    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
      0  

    Exclamation 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,412
    Vote Rating
    1288
      0  

    Default

    Little firefox quirk... works 100% in Chrome but not in firefox.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,412
    Vote Rating
    1288
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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
      0  

    Default 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

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •