Results 1 to 8 of 8

Thread: Column header layout bug in latest firefox

    This duplicates another bug already reported in our system: EXTJS-19688
  1. #1
    Sencha Premium Member ragzovskii's Avatar
    Join Date
    Sep 2012
    Location
    Krasnoyarsk, Russia
    Posts
    242

    Default Column header layout bug in latest firefox

    Ext version tested:
    • Ext 5.1.2
    • Ext 5.1.1
    • Ext 6.0.1
    Browser versions tested against:
    • Chrome 46
    • FF 39
    • FF 41.0.2 (reproducible only here with every Ext version mentioned)
    Description:
    In our component we render some content to column header and expect header container to fit it. Approach worked well in all browsers and ext 4-6, untill we checked it in latest FF 41. What we see is header container height doesn't match it's contents. In the fiddle I managed to reproduce very similar issue that is also reproducible only in FF 41. As I can see problem is headers are missing their inline 'height' style.

    Is it known issue? Can you suggest us smth to handle that layout trouble in our code?

    Steps to reproduce the problem:
    • doublie click 'age' column (to sort descending) and hover mouse over locked headers -> headers height is reduced

  2. #2
    Sencha - Support Team bjdurham85's Avatar
    Join Date
    Mar 2014
    Posts
    962

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3

    Default

    Any progress on this?

  4. #4
    Sencha Premium Member
    Join Date
    Jul 2014
    Location
    Gilbert, AZ
    Posts
    8

    Default

    Confirmed with ExtJS 5.1.0.107 and 6.0.1.250 on Firefox 41.0.2 only. No other browsers affected.

    ExtJS 6.0.2.389 (nightly build) still has issue. Also, if you use a grid.reconfigure(), then problem shows in any non-locked column on first click of the header that should be double height.

    Below is some fiddle source to show issue on 6.0.1.250 Neptune:

    Code:
    Ext.define('MyModel',{
        extend: 'Ext.data.Model',
        fields : ['id', 'name', 'age', 'color']
    });
    
    Ext.application({
        name : 'Double Height Reconfigure',
    
        launch : function() {
             
            
            var grid = new Ext.grid.Panel({
                renderTo    : Ext.getBody(),
                width    : 400,
                hegith    : 400,
                columns: []
            });
            
            var columns = [
                    { dataIndex : 'id', width : 100, text : 'Id', locked : true },
                    { dataIndex : 'name', width : 100, text : 'Name', locked : true },
                    { dataIndex : 'color', width : 100, text : 'Color', layout : 'hbox', items : [{
                        dataIndex : 'age', width : 100, text : 'Age'
                    }]
                    }];
            
            grid.reconfigure(new Ext.data.Store({
                model : 'MyModel',
                data : [
                    { id : 1, name : 1, age : 1, color : 1 },
                    { id : 2, name : 2, age : 2, color : 2 },
                    { id : 3, name : 3, age : 3, color : 3 }
                ]
            }),columns);
            
        }
    });
    Last edited by russ396; 7 Mar 2016 at 8:00 PM. Reason: Further details

  5. #5

    Default

    Yes, the same bug exists in 5.1.2.748.

  6. #6
    Sencha Premium Member
    Join Date
    Jul 2014
    Location
    Gilbert, AZ
    Posts
    8

    Default

    Confirmed fixed in Ext JS 6.0.2.437 Neptune. Thanks Sencha developers!

  7. #7
    Sencha - Support Team bjdurham85's Avatar
    Join Date
    Mar 2014
    Posts
    962

    Default

    Looks like this might be a Firefox bug.

    https://bugzilla.mozilla.org/show_bug.cgi?id=1263845

  8. #8
    Sencha Premium Member
    Join Date
    Nov 2014
    Posts
    14

    Default

    Not fixed in Ext JS 6.0.2.437
    https://fiddle.sencha.com/#fiddle/194b

Similar Threads

  1. [DUP] vertical header layout under firefox and ext 4.1.1
    By Webtel in forum Ext:Bugs
    Replies: 1
    Last Post: 13 Aug 2012, 4:22 AM
  2. Replies: 7
    Last Post: 23 Sep 2008, 11:47 AM
  3. [2.1] Column layout resize only workable in FireFox ?
    By neoart in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 16 Jul 2008, 5:49 PM
  4. Replies: 1
    Last Post: 16 Jul 2008, 3:05 AM

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
  •