Input field not aligned with cell when editing a cell in a grid

**mrodriguez@timba** · 28 Jun 2012 6:59 AM

REQUIRED INFORMATION

Ext version tested:

Ext 4.1.0

Browser versions tested against:

FF 13.0.1 (Windows) (Firebug: 1.9.2)
IE8
Chrome 20 (Windows) (The bug doesn't happen on Chrome)

DOCTYPE tested against:

<!DOCTYPE html>

Description:

After scrolling in a page, when double clicking on an editable grid, the input field appears below where is should be and a second scrollbar appears on the page. Code generated with Sencha Architect 2. Tried it with ExtJS 4.0.7 and it works correctly on that version.

Steps to reproduce the problem:

Have a page with an editable grid that is long enough to allow you to scroll
Scroll on the page (when you click on the grid to edit it you can't be at the top of the page)
Double click on an editable cell

The result that was expected:

The input field should have been aligned with the original cell

The result that occurs instead:

The input field doesn't align with the original cell
A second scrollbar appears

Test Case:

Code:

 Ext.define('MyApp.view.MyViewport', {
    extend: 'Ext.container.Viewport',

    autoScroll: true,

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'container',
                    height: 1080,
                    renderTpl: [
                        '<p>Container</p>'
                    ],
                    tpl: [
                        ''
                    ]
                },
                {
                    xtype: 'gridpanel',
                    title: 'My Grid Panel',
                    store: 'MyArrayStore',
                    columns: [
                        {
                            xtype: 'gridcolumn',
                            dataIndex: 'string',
                            editor: 'textfield',
                            text: 'String'
                        }
                    ],
                    plugins: [
                        Ext.create('Ext.grid.plugin.CellEditing', {
                            ptype: 'cellediting'
                        })
                    ]
                }
            ]
        });

        me.callParent(arguments);
    }

});

HELPFUL INFORMATION

Screenshot or Video:

Complete Sencha Architect 2 project attached
Screenshot attached

Debugging already done:

none

Possible fix:

not provided

Additional CSS used:

only default ext-all.css

Operating System:

WinXP Pro

Screenshot:
ExtJsIssue.png

**Animal** · 13 Aug 2012 5:20 AM

I cannot reproduce this with 4.1.1+ dev code. Can you reproduce it with 4.1.1?

Input field not aligned with cell when editing a cell in a grid

Thread Tools

Search Thread

Display

Input field not aligned with cell when editing a cell in a grid

Input field not aligned with cell when editing a cell in a grid