Close popups on scroll

by krustev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<div class="scrollable" style='height:200px;overflow:auto' >
    <div style='height:25px'>test</div>
    <input  id='test'/>        
    <div style='height:225px'>test</div>
</div>

JavaScript

$(document).ready(function() { 
    var data = [
        {text: "Item1", value:"1"},
        {text: "Item2", value:"2"},
        {text: "Item3", value:"3"}
    ];
                      
    $("#test").kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: data
    });
    
    $(".scrollable").scroll(function() {
        $(document.body).find("[data-role=popup]")
                        .kendoPopup("close");
    });
});