grid detail tabstrip not working on my android tablet

[Daniel]

hi

i´ve got two grids the loads as details on a main grid.
on my desktop everything works well, but on my android tablet (moto xoom, 10", android 4) if i click on one of those tabs, the tab content doesnt appear and from then, no tab is working anymore (not even clickable anymore).
tested with different browser and the same result.

my template

<script type="text/x-kendo-template" id="template">

<div class="tabstrip">

<ul>

<li>

Adressen

</li>

<li class="k-state-active">

Kontakte

</li>

</ul>

<div>

<div class="addresses"></div>

</div>

<div class="contacts"></div>

</div>

</div>

</script>

my detailinit

function onDetailInit(e) {

 

    var detailRow = e.detailRow;

    detailRow.find(".tabstrip").kendoTabStrip({

        animation: {open: {effects: "fadeIn"}}

    });

 

    detailRow.find(".addresses").kendoGrid({

        dataSource: DataSource.get("address"),

        serverPaging: true,

        serverSorting: true,

        serverFiltering: true,

        scrollable: false,

        sortable: true,

        pageable: true,

        columns: [

            {field: "street_address", title:"Anschrift"},

            {field: "zip", title: "PLZ"},

            {field: "city", title: "Ort"}

        ]

    });

    detailRow.find(".addresses").data("kendoGrid").dataSource.filter( [{ field: "id", operator: "eq", value: e.data.id }] )

 

 

    detailRow.find(".contacts").kendoGrid({

        dataSource: DataSource.get("contact"),

        serverPaging: true,

        serverSorting: true,

        serverFiltering: true,

        scrollable: false,

        sortable: true,

        pageable: true,

        columns: [

            {field: "surname", title:"Nachname"},

            {field: "prename", title: "Vorname"},

            {field: "phone", title: "Telefon"},

            {field: "mail", title: "Email"},

            {field: "birthday", title: "Geburtsdatum", template: '#= kendo.toString(birthday, "dd.MM.yyyy")#'}

        ]

    });

    detailRow.find(".contacts").data("kendoGrid").dataSource.filter( [{ field: "client_id", operator: "eq", value: e.data.id }] )

}

attached is a screenshot of the "lost tabs" on my xoom.
i hope somebody can help me out.

thx in advance

[Daniel]

hi

after further investigation (debug js on android chrome) i can say that the content of detail grids is loaded and the grids are available in the html source, but the k-content div is display:none (respectively the div goes visible if i set it to display:block) and the k-item (the "tab") isnt set to k-state-selected.

i´ll try to look at what happens inside kendo on tab selection, but without success yet.

thanks in advance for every help.
dan

[Daniel]

nobody? :(