JSFiddle - React, Tailwind, and code Playground

by cancerbero_sgx

HTML

<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
<!-- a YUI tabview -->
<div id="tb1" class="yui3-skin-sam">
    <div id="ac1Container">
    <input type="text" id="ac1"/>
    </div>
</div>

JavaScript

YUI().use("scrollview", "autocomplete", "css3-selector", function(Y) {
    var data1 = ["hello", "world", "alabama", "song"];
    var ac1 = new Y.AutoComplete({
        source: data1,
        inputNode: "#ac1",
        render: true
    });
        
    //don't work
    //ac1.plug(Y.Plugin.ScrollView, {}); 
    
    //rendered but don't work
    var scrollview = new Y.ScrollView({
        srcNode: Y.one("#ac1Container .yui3-aclist-list"),
        height: "40px",
        render: true
    });
    
    //also this do not work
    /*ac1.after("query", function(e){        
        var scrollview = new Y.ScrollView({
            srcNode: Y.one("#ac1Container .yui3-aclist-list"),
            height: "40px",
            render: true
        });
        //ac1.render(); 
    }); */
});