JSFiddle - React, Tailwind, and code Playground

by straeger

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-debug.js"></script>
<div class="">
    
    <input type="text" data-bind="text: inputtext"/>
    <h5 data-bind="text: inputtext"/>
    
<!-- ko stopBinding: true -->    
    <!-- ko foreach: discounts -->
    <span class="badge" data-bind="text: element, click: $root.clickhandler"></span> 
    <!-- /ko -->
<!-- /ko -->    
    
</div>

JavaScript

var addCustomHandler = funciont(){
    ko.bindingHandlers.stopBinding = {
        init: function () {
            return { controlsDescendantBindings: true };
        }
    };
    ko.virtualElements.allowedBindings.stopBinding = true;
}
$(function() {
    addCustomHandler();
    
});