textInput binding bug with textarea

textInput binding bug with textarea

HTML

<script src="http://bestware.us/knockout/3.5.0-pre-20170505/knockout-latest.debug.js"></script>
<input id='t1' type="text" data-bind="textInput : texto"  />
<button type="button" id='t' >test</button>

<textarea id='ta' rows="3" data-bind="textInput: modelValue, style: {'background-color': backgroundColor }"></textarea>

<ul data-bind="foreach: log">
   <li data-bind="text: $data"></li>
</ul>

JavaScript

var ViewModel =function ViewModel() {
   var originalValue = "";
   this.texto = ko.observable();
   this.modelValue = ko.observable(originalValue);
	  this.fullName = ko.pureComputed(function() {
        return this.modelValue() + "\r\n" + this.texto();
    }, this);
   this.backgroundColor = ko.pureComputed(function(){
      return this.modelValue() === originalValue ? '' : 'pink';
   }, this);
   
   this.log = ko.observableArray([
      "modelValue - " + this.modelValue().length + " characters"
      ]);
   this.modelValue.subscribe(function(newValue){
      this.log.push("modelValue changed - now " + newValue.length + " characters");
   }, this);
}

ko.onError = function (error) {
    alert("knockout error\n" + error);
};

ko.applyBindings(new ViewModel());



$('#t').click(function(e){
console.log($('#t1').val());
$('#ta').append($('#t1').val()+'\r\n');



});