Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Ext JS Premium Member cnelissen's Avatar
    Join Date
    Sep 2007
    Location
    California
    Posts
    220
    Vote Rating
    7
    cnelissen is on a distinguished road

      0  

    Default [4.2.0] HtmlEditor causes roweditor width problem

    [4.2.0] HtmlEditor causes roweditor width problem


    If you add an HtmlEditor to a page with a grid that has a row editor, the row editor will not fill the grid width. This same code runs fine on 4.1.1a.

    To reproduce: Click one of the grid rows to edit and see the width of the editor. Remove the html editor and reload the page, and click on the grid row to edit, the editor will now fill the whole grid width.

    Tested on Firefox 17.0.1 and Chrome 24.

    PHP Code:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Ext4 Test File</title>
    <
    link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <
    script src="../../ext-all-debug.js"></script>
    <script>
    Ext.onReady(function() {
        Ext.define('GroupItems', {
            extend: 'Ext.data.Model',
            
            fields: [
                {name: 'group', type: 'string'},
                {name: 'description', type: 'string'},
                {name: 'notes', type: 'string'}
            ]
        });

        var viewport = Ext.create('Ext.Viewport', {
            layout: 'anchor',
            defaults: {
                anchor: '100% 50%'
            },
            items: [{
                xtype: 'form',
                items: [{
                    xtype: 'htmleditor',
                    itemId: 'test',
                    name: 'test',
                    fieldLabel: ' Test',
                    allowBlank: false
                }]
            },{
                xtype: 'gridpanel',
                store: Ext.create('Ext.data.Store', {
                    model: 'GroupItems',
                    data: [{
                        'group': 'Group 1',
                        'description': 'Test Description 1',
                        'notes': 'Test Notes 1'
                    },{
                        'group': 'Group 1',
                        'description': 'Test Description 2',
                        'notes': 'Test Notes 2'
                    }]
                }),
                
                plugins: [{
                    ptype: 'rowediting',
                    clicksToEdit: 1
                }],
                
                columns: [{
                    text: 'Group',
                    dataIndex: 'group',
                    editor: {
                        xtype: 'textfield',
                        allowBlank: false
                    },
                    width: 125
                },{
                    text: 'Description',
                    dataIndex: 'description',
                    editor: {
                        xtype: 'textfield',
                        allowBlank: false
                    },
                    width: 125
                },{
                    text: 'Notes',
                    dataIndex: 'notes',
                    editor: {
                        xtype: 'textfield',
                        allowBlank: false
                    },
                    flex: 1
                }]
            }]
        });
    });
    </script>
    </head>
    <body>
    </body>
    </html> 
    - Clint Nelissen

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,778
    Vote Rating
    598
    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


    Thanks for the test case. I can confirm on the beta version, however in the latest code-base it runs ok. For now, I'll close this off, if you're still seeing the issue on the next beta refresh feel free to bump this thread.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Thread Participants: 1