anchor.diff:      afterSelection: (row, column, row2, column2, preventScrolling, selectionLayerLevel) => {
         // setting if prevent scrolling after selection
         console.log("afterSelection("+row+", "+column+", "+row2+", "+column2+"...)");
  -      if(row+1 == hot.countRows()) {
  +      if (row+1 == hot.countRows()) {
           // add a new row if we are at the end
           hot.alter('insert_row', hot.countRows());
         };
         <% if transcription_field.row_highlight %>
  -        highlightRow(row, 
  -          <%= transcription_field.starting_rows %>, 
  -          <%= transcription_field.top_offset %>, 
  +        highlightRow(row,
  +          <%= transcription_field.starting_rows %>,
  +          <%= transcription_field.top_offset %>,
             <%= transcription_field.bottom_offset %>);
         <% end %>
       },
  +    afterCreateRow: updateHotHeight,
  +    afterRemoveRow: updateHotHeight,
       manualColumnResize: true,
       manualRowResize: true,
  -    afterChange: function (changes, source) {
  +    afterChange: function(changes, source) {
         document.getElementById('<%= "fields-#{transcription_field.id}" %>').value = JSON.stringify(this.getData());
       },
  -    startRows: <%= transcription_field.starting_rows %>
  +    startRows: <%= transcription_field.starting_rows %>,
     });
   
     // $(container).data('hot-object', hot);
  
positive.code:     <% end %>
    ]
  
    if(data.length == 0) {
      data = null;
    };
  
  
negative.code:     }
    };
  
    var updateHotHeight = function() {
      hot.updateSettings({ height: hot.countRows() * 23 + 25 + 2 });
    };
  
    var container = document.getElementById("hot-div-<%= transcription_field.id %>");
  
    var hot = new Handsontable(container, {
      rowHeaders: true,
      colHeaders: colHeadersConfig,
      filters: true,
      data: data,
      width: '100%',
      rowHeights: 23,
      columnHeaderHeight: 25,
      height: (data ? data.length : <%= transcription_field.starting_rows %>) * 23 + 25 + 2,
      stretchH: 'all',
      contextMenu: ['row_above', 'row_below', 'remove_row', 'undo', 'redo', 'cut', 'copy'],
      dropdownMenu: true,
  