Grid Grouping focus problem

[Mahmoud690]

Check this on kitchen sink : http://examples.sencha.com/extjs/6.2.../#grouped-grid


Do the following steps (Chrome 45/IE 11) :

1- go to bottom of the grid
2- open the last group
3- click on the group's first row to take the focus
4- go to top of the grid
5- try to expand one of the collapsed groups
6- you will see the focus turn back to the bottom of the grid

NOTE1: We have same problem with collapsing
NOTE2: We have same problem with ExtJs 6.2.1

[Mahmoud690]

A workaround can be something like this :

Ext.override(Ext.grid.feature.Grouping, {
    expand: function (group) {
        var me = this;
        me.grid.view.saveScrollState();//private method!
        me.callParent([group]);
        me.grid.view.restoreScrollState();//private method!


    },
    collapse: function (group) {
        var me = this;


        me.grid.view.saveScrollState();//private method!
        me.callParent([group]);
        me.grid.view.restoreScrollState();//private method!
    },




});

[Mahmoud690]

Any confirmation from support team?

[ManjitChavan]

A workaround can be something like this :

Ext.override(Ext.grid.feature.Grouping, {
    expand: function (group) {
        var me = this;
        me.grid.view.saveScrollState();//private method!
        me.callParent([group]);
        me.grid.view.restoreScrollState();//private method!


    },
    collapse: function (group) {
        var me = this;


        me.grid.view.saveScrollState();//private method!
        me.callParent([group]);
        me.grid.view.restoreScrollState();//private method!
    },




});

When used as is with overriding in Ovverride->Grid->features->grouping.js file. It works great. Retains the scroll position even with dynamic binding

[themightychris]

I published a hotfix for this issue here: https://github.com/JarvusInnovations...placeScroll.js