How to update textbox value in meteor (as you type)?

Question

JavaScript

Good evening. I have a collection Item. It contains the document { name: 'Abc' }. There is a template:

<template name='a'><div contenteditable>{{name}}</div></template>

Template.a.helpers({
  name() {
    return Items.findOne(...).name;
  }
});

Template.a.events({
  'input div': function(e, tmpl) {
  var item = $(e.currentTarget);
    clearTimeout(item.data('timeout'));

    var id = setTimeout(() => {
      var text = item.text();
      Items.update(this._id, { $set: { name: text } });
      item.val(text);
    }, 500);

    item.data('timeout', id);
  }
});

So, when you enter text, the caret near the field flies to the beginning of the text. This is understandable. The question is how to overcome this behavior? Only by removing reactivity from name?

Answer 1

This is a Blaze bug. I don't know how things are now. Perhaps they have already decided.
Then I overcame it like this: removed contenteditable :)