Expandable rows expands inside the column and overlaps next row in parent grid

[csfanse]

When click on '+' symbol in grid, no child grow is shown until the page is reloaded. Once parent grid is loaded, I need to reload whole page. Once reload, I can see grid when '+' symbol is clicked.

Is there any bug in ui-grid related to this?

EDIT:
Upon investigation, I found that ui-grid does not set 'expandableRow' angular property until page is reloaded. If I am not wrong, that property is coming from below code in ui-grid.js

 $templateCache.put('ui-grid/expandableScrollFiller',
"<div ng-if=\"expandableRow.shouldRenderFiller()\" ng-class=\"{scrollFiller:true, scrollFillerClass:(colContainer.name === 'body')}\" ng-style=\"{ width: (grid.getViewportWidth()) + 'px', height: row.expandedRowHeight + 2 + 'px', 'margin-left': grid.options.rowHeader.rowHeaderWidth + 'px' }\"><i class=\"ui-grid-icon-spin5 ui-grid-animate-spin\" ng-style=\"{'margin-top': ( row.expandedRowHeight/2 - 5) + 'px', 'margin-left' : ((grid.getViewportWidth() - grid.options.rowHeader.rowHeaderWidth)/2 - 5) + 'px'}\"></i></div>"

);

Is there something related to caching issue?

[JieLiuRiver]

I have this problem too

[csfanse]

@stupidWall Which problem are you talking about?
Issue#1 or Issue#2?

Issue#1 is resolved so I am removing it from this question?

[JieLiuRiver]

when I click "+", sometimes it expands and sometimes does not unfold， I don't konw how to fix it At 2017-05-18 21:16:32, "csfanse" <notifications@github.com> wrote: @stupidWall Which problem are you talking about? Issue#1 or Issue#2? Issue#1 is resolved so I am removing it from this question? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[alokdida]

I am also facing the same issue. It's happening for normal grid rendering only. It's not happening every-time.

Attaching screenshot for reference.

Please share the solution if someone has resolved it.