1. #1
    Sencha Premium Member
    Join Date
    Jul 2011
    Posts
    18
    Vote Rating
    0
    jonas007 is on a distinguished road

      0  

    Default Column-Header moves when resizing Column-Width

    Column-Header moves when resizing Column-Width


    In Ext JS 4.1.1 there is a strange behavior. Look at the small example below.
    When I open the window, I scroll the grid to the right.
    Now I change the width of the Email-Column and make it a little smaller.
    This causes the ColumnHeader shift tu the left, so ColumnHeader and Columns are shifted mutually.
    I think this is a bug in 4.1.1, in 4.1.0 it looks good.

    Code:
    Ext.create('Ext.data.Store', {
        storeId:'simpsonsStore',
        fields:['name', 'email', 'phone'],
        data:{'items':[
            { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224" },
            { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
            { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
            { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
        ]},
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                root: 'items'
            }
        }
    });
    
    
    var panel = Ext.create('Ext.grid.Panel', {
        title: 'Simpsons',
        store: Ext.data.StoreManager.lookup('simpsonsStore'),
        columns: [
            { header: 'Name',  dataIndex: 'name', width: 200},
            { header: 'Email', dataIndex: 'email', width: 100},
            { header: 'Phone', dataIndex: 'phone', width: 200}
        ],
        height: 200,
        width: 400
    });
    var win = Ext.create('Ext.window.Window', {
    		title: 'Title',
    		items: panel
    }); 
    win.show();

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,596
    Vote Rating
    324
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    I couldn't reproduce this but it sounds serious. Could you provide a little more information?

    Which browsers do you see this in? What OS?

    Exactly which 4.1.1 build are you using (RC1, RC2 or the date of a nightly build)?

    Could you include a screenshot of what you're seeing, just to confirm that we're looking for the same problem?

  3. #3
    Sencha Premium Member
    Join Date
    Jul 2011
    Posts
    18
    Vote Rating
    0
    jonas007 is on a distinguished road

      0  

    Default


    Attached three screenshots. The first open after the application. Then I scroll to the right.
    Then I move the mouse slightly to the right so that the Email column is wider. When I let go of the mouse, the header pushes to the right and it looks like the last picture.

    I use Ect 4.1.1 RC2, Windows 7, Firefox 13
    Attached Images

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,011
    Vote Rating
    460
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    This seems to be corrected in the latest build. I was able to duplicate this in 4.1.1 RC2

    Open; scroll to right, resize email smaller, then resize larger .. not aligned.

    If you have access to the nightly build, please try.

    Scott.

  5. #5
    Sencha Premium Member
    Join Date
    Jul 2011
    Posts
    18
    Vote Rating
    0
    jonas007 is on a distinguished road

      0  

    Default


    Thanks, I've tried the nightly build and now the problem no longer occurs.

Thread Participants: 2