[Solved] Ui-grid not rendering cellTemplate properly in bootstrap modal

[diegofesanto]

Please make sure each of the following is true before submitting a new issue. We are a small team with limited time and it is very difficult to manage issues if they aren't reported correctly.

• This is a bug report, not a question on how to use the grid.
  Use Stack Overflow or Gitter for questions.
• You have searched the open issues to see if this bug has been filed before. We don't want duplicate issues.
• You have reviewed the tutorials and documentation to ensure you are using the grid correctly. ui-grid.info
• You are using the latest version of the grid. Older versions are not patched or supported.
• You have provided steps to recreate your bug. A plunkr is even better.

I have a ui-grid inside of bootstrap modal. The data are filled correctly. The problem is occuring during the scrolling, all radio button appears unchecked and the data are still correct.

All the radio button are in a custom cell template, this kind of problem just happen in a modal. I made this example see in http://plnkr.co/edit/ZBr8ql5U9aEx6TqQyCNN?p=preview.

$http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/100.json')
.success(function(data) {
  var result = data;
  var len = result.length;
  for (var i = 0; i < len; i++) {
    result[i].serie = 'A';
    if ((i % 2) == 0) {
      result[i].serie = 'B';
    }
  }
  $rootScope.gridOptions.data = result;
});

The data are correct even if I change selecting another option, the data are update, but, if you scroll the ui-grid, the radio button are unchecked again.

Someone knows how solve this.

Thank you for help

[angular-git-user]

http://ui-grid.info/docs/#/tutorial/110_grid_in_modal
go through this.. try callling api handleWindowResize for some interval as mentioned in that tutorial..

[zestime]

I think, your problem was caused by cellTemplate. It is not related modal.
Look at the 'ui-grid/cellEditor'
It covered by Form tag.
I added the tag at your code. http://plnkr.co/edit/x5uUbNmWL6sN1zTOSHpF?p=preview

[diegofesanto]

Thank you @angular-git-user, in production code I already put the handleWindowResize in timeout with 300ms after the modal is displayed.

@zestime using the form tag, seems the problem was solved. The radio button are correctly now. Thank you. I believe that this issue can be closed.