Flicker effect when expanding a subgrid with a lot of columns, using ui-grid-auto-resize

[ComeOutToPlay]

I have an expandable grid that modifies its height dinamically when an item is expanded. I use rowExpandedStateChanged to increase the grid size accordingly:

   gridApi.expandable.on.rowExpandedStateChanged($scope, function(row){

          // Get grid height
          var gridHeight = $scope.getExpandableGridHeight( ... );

          // Set scope variable in pixels
          $scope.gridHeight = gridHeight + 'px';

      });
  },

In the HTML I am using ui-grid-auto-resize

What happens to me is that ui-grid-auto-resize works good in general, but when there is a subgrid with a lot of columns, the renderization shows an undesired flicker effect.

Here is my Plunkr, where the ROW with ID 2 contains a subgrid with a lot of columns, and the grid does this flicker effect I do not know how to avoid. Any help will be appreciated.

http://plnkr.co/edit/4NLMt6T4XP35E8uIy9dL?p=preview

I am using the last ui-grid-unstable, in this time is the ui-grid 3.0 RC 20.

PD: Please use the plunkr preview in a separate window and test the row 2 several times

[ComeOutToPlay]

I noticed this effect again in a simpler ui-grid with ui-grid-auto-resize . My new HTML grid definition is:

<div ui-grid="categoriesGridOptions" ui-grid-selection ui-grid-exporter ui-grid-resize-columns ui-grid-auto-resize style="background: white; width: 100%; height: 20em;" ></div>

<div style="padding-top:0.5em;">

    <a class="btn btn-primary" ng-click="addRow()">
        <i class="fa fa-plus-square-o fa-lg"></i> {{'BTN_ADD'|translate}}</a>

    <a class="btn btn-primary" ng-click="addRow()">
        <i class="fa fa-pencil-square-o fa-lg"></i> {{'BTN_EDIT'|translate}}</a>

    <a class="btn btn-primary" >
        <i class="fa fa-save fa-lg"></i> {{'BTN_SAVE'|translate}}</a>

    <a class="btn btn-primary" >
        <i class="fa fa-trash-o fa-lg"></i> {{'BTN_DELETE'|translate}}</a>          
</div>

When I resize the navigator window horizontally, it does this effect:

It is like the grid content is rendered at the bottom and then it is moved to the right place.

After some miliseconds, the grid is rendered well:

[PaulL1]

I think this will be related to #3050, and therefore also to #1957.

[Weestdudochnicht]

Any news here? i got the same Problen with v4.0.7. Then window flicker when i expand any row in my grid