Failed on the scroll when some html5 object are embeb

[Manolo]

Dear friends,

I´am so happy with phonegap and Kendo UI Mobile.

But i have some problem that i have not found solution from some days ago.

When i insert/embeb some html5 object like a <iframe> <object> <video> ( i´am talking in this moment on a IOS system ) the scroll fails because the element i can put it without scroll, but then all the rest of the window elements scroll ( header and footer ).

I need, evidently, to have all static without scroll , or in some case, only scroll a normal content of the div.

This issue makes imposible open a PDF into my content area, open a video into my content area, or simply open a remote URL on my content area, because always the scroll fails scrolling the header and footer and making bad the app.

Some ideas?

Some code example of my div where i´am trying to insert content:

<div data-role="view" id="2" data-layout="tabstrip-layout">
        <div class="prueba">
        <iframe></frame>
       <video></video>
      <object></object>
        </div>

Regards

[Kiril Nikolov]

Hello Manolo,

When you include iframe/obect/video (they all behave the same) object in the Kendo UI View, all the events like touch, tap etc. that are issued on the iframe are captured inside its document, and are not replicated to the Kendo UI Mobile View element and the scroller does not work as expected.

The scroll that you see on the header and footer element is the default kinetic "bounce like" scrolling that iOS automatically creates. If you want to stop this kinetic scrolling, you can check for a PhoneGap plugin that will do this for you.

Regards,
Kiril Nikolov
Telerik