JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.debug.js"></script>
<script src="https://raw.github.com/bgrins/ExpandingTextareas/master/expanding.js"></script>
<div id='map'>
    Expanding Textarea:
    <textarea data-bind='expandingTextarea: ta, valueUpdate: "afterkeydown"'></textarea>
    
    The following should be updated:
    <div data-bind="text: ta"></div>
    </div>

JavaScript

var view_model = {
    ta: ko.observable()
};

ko.bindingHandlers.expandingTextarea = {
    init: function(element, valueAccessor, aBA, vm) {
        $(element).expandingTextarea();
        ko.bindingHandlers.value.init(element, valueAccessor, aBA, vm);
    },
    update: function(element, valueAccessor, aBA, vm) {
        ko.bindingHandlers.value.update(element, valueAccessor, aBA, vm);
        $(element).expandingTextarea("resize");
    }
};

ko.applyBindings(view_model, $("#map")[0]);