JSFiddle - React, Tailwind, and code Playground

by bmh_ca

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="e">
<h6>Inside</h6>
<textarea id="A" class='expanding' data-bind='value: ta'></textarea> Value: <span data-bind='text: ta'></span>
    
    <button data-bind="click: fill_it">Break auto-expanding.</button>
</div>

<h6>Outside</h6>
<textarea id="B" class='expanding'></textarea>

CSS

textarea {
  margin:15px;
}

JavaScript

var vm;

vm = {
    ta: ko.observable(),
    fill_it: function() { vm.ta("I break\nThe\nAuto\nexpanding"); }
};
    
ko.applyBindings(vm, $("#e")[0])