Аккордеон KendoUI не расширяется в iPad

Question

У меня есть веб-приложение, работающее на iPad. Это приложение содержит внутри Kendo UI Accordion.

Когда содержимое страницы больше размера экрана и когда я хочу прокрутить, происходит обычная прокрутка страницы (как и ожидалось). Но когда вы пытаетесь прокрутить Аккордеон Kendo, прокрутка страницы происходит вместо прокрутки аккордеона (неожиданно).

Я смог частично решить эту проблему, применив решение, данное Крисом Барром.

После применения этого решения аккордеон прокручивается вместо всей страницы, которую я хотел.

Но проблема в том, что когда я нажимаю на предметы на Аккордеоне, предмет для аккордеона не раскрывается. Как я могу заставить это работать.

function touchScroll(id){
if(isTouchDevice()){ //if touch events exist...
    var el=document.getElementById(id);
    var scrollStartPos=0;

    document.getElementById(id).addEventListener("touchstart", function(event) {
        scrollStartPos=this.scrollTop+event.touches[0].pageY;
        event.preventDefault();
    },false);

    document.getElementById(id).addEventListener("touchmove", function(event) {
        this.scrollTop=scrollStartPos-event.touches[0].pageY;
        event.preventDefault();
    },false);
}}

Answer 1

Удалить event.preventDefault() в touchstart слушатель событий. Это позволит вам нажимать на ссылки внутри прокручиваемой области.