Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Mar 2011
    Posts
    8
    Vote Rating
    0
    eGeuens is on a distinguished road

      0  

    Default [FIXED][PR4]Grid rowheight nested in accordion panel problem in Chrome

    [FIXED][PR4]Grid rowheight nested in accordion panel problem in Chrome


    I have an accordion panel in the 'west' region of a window. When I add gridpanels to the accordion panel the first item shown has the desired height. But, when I activate another panel the rows seem to have only half the height they should have.

    This problem only occurs in Chrome for me, in FF and IE it works fine.

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,906
    Vote Rating
    626
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Can't confirm this, please post a test case.

    Code:
    Ext.require('Ext.data.*');
    
    Ext.onReady(function() {
        
        Ext.regModel('Item', {
            fields: ['name']
        });
        
        var store = new Ext.data.Store({
            model: 'Item',
            data: [{
                name: 'Item 1'
            }, {
                name: 'Item 2'
            }, {
                name: 'Item 3'
            }, {
                name: 'Item 4'
            }, {
                name: 'Item 5'
            }]
        });
        
        var win = Ext.create('Ext.window.Window', {
            layout: 'border',
            width: 400,
            height: 400,
            items: [{
                region: 'west',
                layout: 'accordion',
                width: 200,
                items: [{
                    title: 'Grid 1',
                    xtype: 'grid',
                    store: store,
                    headers: [{
                        text: 'Name',
                        dataIndex: 'name'
                    }]
                }, {
                    title: 'Grid 2',
                    xtype: 'grid',
                    store: store,
                    headers: [{
                        text: 'Name',
                        dataIndex: 'name'
                    }]
                }]
            }, {
                region: 'center',
                html: 'Foo'
            }]    
        });
        win.show();
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha User
    Join Date
    Mar 2011
    Posts
    8
    Vote Rating
    0
    eGeuens is on a distinguished road

      0  

    Default


    Here is a test case

    Code:
    Ext.require('Ext.data.*');
    
            Ext.onReady(function() {
                
                Ext.regModel('Item', {
                    fields: ['id', 'name', 'img']
                });
                
                var store = new Ext.data.Store({
                    model: 'Item',
                    data: [{
                        id: 'item1',
                        name: 'Item 1',
                        img: 'item1.png'
                    }, {
                        id: 'item2',
                        name: 'Item 2',
                        img: 'item2.png'
                    }, {
                        id: 'item3',
                        name: 'Item 3',
                        img: 'item3.png'
                    }]
                });
                
                var win = Ext.create('Ext.window.Window', {
                    layout: 'border',
                    width: 400,
                    height: 400,
                    items: [{
                        region: 'west',
                        layout: 'accordion',
                        width: 200,
                        items: [{
                            title: 'Grid 1',
                            xtype: 'grid',
                            store: store,
                            headers: [{
                                    text: "Id",
                                    dataIndex: 'id',
                                    hidden: true,
                                    draggable: false
                                }, {
                                    text: "",
                                    dataIndex: 'name',
                                    hidden: true,
                                    width: 200,
                                    draggable: false
                                }, {
                                    text: "Img",
                                    dataIndex: 'img',
                                    draggable: false,
                                    renderer: function (val) {
                                        return '<div style="text-align: center;"><img src="images/' + val + '" /></div>';
                                    }
                            }]
                        }, {
                            title: 'Grid 2',
                            xtype: 'grid',
                            store: store,
                            headers: [{
                                    text: "Id",
                                    dataIndex: 'id',
                                    hidden: true,
                                    draggable: false
                                }, {
                                    text: "",
                                    dataIndex: 'name',
                                    hidden: true,
                                    width: 200,
                                    draggable: false
                                }, {
                                    text: "Img",
                                    dataIndex: 'img',
                                    draggable: false,
                                    renderer: function (val) {
                                        return '<div style="text-align: center;"><img src="images/' + val + '" /></div>';
                                    }
                            }]
                        }]
                    }, {
                        region: 'center',
                        html: 'Foo'
                    }]    
                });
                win.show();
            });
    So I load the images in the grid and hide the other columns. In Chrome it only shows half of the first image and nothing else when I open the second tab.
    In Firefox and IE it works fine as mentioned but I just saw that the first image is somewhat under the header when I reopen the tab.

    *Edit: I just refreshed the page in Chrome and it works fine
    Last edited by eGeuens; 17 Mar 2011 at 5:30 AM. Reason: Refreshed page in chrome

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,906
    Vote Rating
    626
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    FYI this has been fixed in PR5.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Similar Threads

  1. Problem in setting focus on particular row on Grid Panel in Chrome
    By livinglegends in forum Ext 3.x: Help & Discussion
    Replies: 30
    Last Post: 4 Jan 2011, 2:41 PM
  2. [FIXED-374] Scrolling a List in a nested panel
    By qbert65536 in forum Sencha Touch 1.x: Bugs
    Replies: 5
    Last Post: 8 Nov 2010, 5:05 PM
  3. Replies: 3
    Last Post: 27 Jun 2010, 6:00 PM
  4. [FIXED] HtmlEditor cursor problem in chrome
    By fother in forum Ext GWT: Bugs (2.x)
    Replies: 4
    Last Post: 13 May 2009, 5:56 AM

Thread Participants: 1