angular-ui/ui-grid

Select and input in edit template -> edit mode is randomly open on rows

Open

#6,407 opened on Sep 27, 2017

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (2,496 forks)batch import
help wanted

Repository metrics

Stars
 (5,395 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Hello and than you for the work !

So I tried this on the edit template (I have differents types of values for a column) :

<div>
  <form name="inputForm">
    <input ng-if="row.entity.colType === 'text'"
      type="INPUT_TYPE"
      ui-grid-editor 
      ng-class="\'colt\' + col.uid"
      ng-model="MODEL_COL_FIELD">
    <select  ng-if="row.entity.colType === 'dropdown'" 
          ng-class="'colt' + col.uid" 
          ui-grid-edit-dropdown 
          ng-model="MODEL_COL_FIELD" 
          ng-options="field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray"> 
        </select> 
  </form>
</div>

Here is a plunker http://plnkr.co/edit/KlIPBCPBxnXMB6Ubgi3s?p=preview with two rows, but with many more rows, scrolling make the edit mode open randomly. In the plunker we can see that the edit will stay open. For some reason it seems that the endEdit doesn't remove the node's chidren as it should. I can't really figure out why though ...

Is there somehting I can rewrite or some places I should look into to fix this ?

Thank you !

Contributor guide