No scrollbar on tablets when window is created by Refresh()

[HSO]

Hello:

In the following example, the 1st popup receives a dynamic passed ID value, (use the Refresh() ), whereas the 2nd popup uses the fixed ID value.  There is no difference displaying these 2 popup shown in the Browser, all have scrollbars, and scroll correctly.  

However, when the website (MVC4 razor) is access in tablet, i,e. iPad, the 1st popup does NOT scroll, it moves with the background, and anything longer than 400px height, it cuts off.  the 2nd popup scrolls by itself, the background stays, this is the correct outcome, the same as Browser.

I use these two popup just to show that the Refresh() created windows doesn't scroll correctly in tablet devices.

<div id="divEleWrapper">
    @(Html.Kendo().Grid<ElementViewModel>()
.Name("gridEle")
.Columns(cols =>
{
    cols.Bound(e => e.EleNum)
        .ClientTemplate("<span id='btn_#=EleID#' onClick='showDetail(#:EleID#)'>#:EleNum#</span>");

    cols.Bound(e => e.EleNum)
        .ClientTemplate("<span id='btn2_#=EleID#' onClick='showDetail2(#:EleID#)'>#:EleNum#</span>");

})
.DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("GetElements", "Rating", pi).Type(System.Web.Mvc.HttpVerbs.Get))
)
)


</div>
<div>

    @{Html.Kendo().Window()
        .Name("winStandard")
        .Title("Detail")
        .Visible(false)
        .Modal(true)
        .Width(600)
        .Height(400)
        .Draggable()
        .Scrollable(true)
.Render();
    }

    @{Html.Kendo().Window()
        .Name("winStandard2")
        .Title("Detail")
        .Visible(false)
        .Modal(true)
        .Width(600)
        .Height(400)
        .Draggable()
        .Content(@<text>
        @{Html.RenderAction("GetStandard", "Standard", new  { eID = 54805 });}
        </text>).Render();
    }

</div>

<script>
    function showDetail(eID) {
        var dialog = $("#winStandard").data("kendoWindow");
        dialog.refresh({
            url: "./Standard/GetStandard",
            data: { eID: eID }
        });
        dialog.center().open();
    }

    function showDetail2(eID) {
        $("#winStandard2").data("kendoWindow").center().open();
    }

</script>

Please advise
Thank you

[Petur Subev]

Hello Jason,

I am not able to reproduce any scrolling problem on an Ipad device. Could you please check the attached project and see if you experience such issues on your side. If you do could you please tell us what is the exact device and version that you use?

On my side both windows are scrollable and draggable just like expected. Let me know if I missed something.

Kind Regards,
Petur Subev
the Telerik team

[HSO]

Thank you Petur for your help!

after exam your code, i realize that the only difference is you have the later build of kendo js/css.  I was using 2012.3.1315, and yours is 2013.1.319, after I've updated with your js/css, problem solved!