CODEWITHSUNDEEP
javascripteventsextjsinternet-explorer-7gridpanel
Gerhard
Gerhard

Reputation: 41

In IE7 the first click on a grid causes an ExtJS Ext.grid.GridPanel to jump to the top of the page

I have a strange issue with an Array fed ExtJS gridPanel - in IE7 only, before the rowclick event is fired, when I click on a row, the page scrolls up 2-3 rows. On repeated clicks, the page scrolls up until the page is at the top of the page. Then only the rowclicks are passed through to my handler. I only have two listeners registered on this grid:

 
        listeners: {
            rowclick:function(grid, rowIndex, e) {
             ... my handler
            },
            sortchange : function(grid, rowIndex, e){}

Do you have any ideas?

Upvotes: 3

Views: 3086

Answers (2)

Max Bogdanov
Max Bogdanov

Reputation: 41

Try out this patch

Ext.override(Ext.selection.RowModel, {
    onRowMouseDown: function(view, record, item, index, e) {
        //IE fix: set focus to the first DIV in selected row
        Ext.get(item).down('div').focus();

        if (!this.allowRightMouseSelection(e)) {
            return;
        }

        this.selectWithEvent(record, e);
    }
});

Actually, any 'focusable' element can be used (tr and td are not).

Upvotes: 2

Raj
Raj

Reputation: 31

I experienced similar bug in Internet Explorer 7. For me zoom:1; position:relative; on surrounding container helped to force layout property.

Upvotes: 3

Related Questions