Results 1 to 2 of 2

Thread: [4.2.0] HtmlEditor causes roweditor width problem

    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
    226
    Vote Rating
    9
      0  

    Default [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
    18,608
    Vote Rating
    874
      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
    Twitter - @evantrimboli

Posting Permissions

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