Scroller inside Scrollview?

[Filip]

I'm trying to implement a Scrollview that contains pages which in turn contain Scrollers, like this:

<div id="scrollview-container">

    <div data-role="scrollview" id="feed-scrollview">

        <div data-role="page" class="feed-item">

            <h2>header 1</h2>

            <p data-role="scroller">text to be scrolled</p>

        </div>

        <div data-role="page" class="feed-item">

         <h2>header 2</h2>

            <p data-role="scroller">other text</p>

        </div>
   more pages...

    </div>

</div>

The Scrollers become vertically scrollable/"swipeable" as expexcted, and the Scrollview is horizontally scrollable as expected, unless you try to swipe horizontally with the finger/pointer inside of the Scroller p-element. I.e., the scrollview works when swiping the header or the area around the Scroller.

Is it possible to achieve that when pointing/touching inside the Scroller, a vertical swipe will scroll the Scroller, and a horizontal swipe will scroll the scrollview? Or does anyone know a workaround/hack to make it work? 

Hope I'm expressing myself clear enough... it can get a little confusing with the similar terminology of scrollview/scroller...

[Kamen Bundev]

Hello Filip,

Thank you for noticing this, this is a bug - the Scroller shouldn't stop the events from being propagated below it when it can't scroll horizontally. I'm marking this for fixing and also updated your points for the find.

Kind regards,
Kamen Bundev
the Telerik team

[Stas]

Hello Kamen,

Any luck with the bug fix?

I want to add multiple horizontal scrollers, but I've got the same problem as Filip - if you tap inside horizontal scroller, then you cannot scroll the page vertically.

Is there a workaround I could apply to propogate events to parent elements?

Regards,
Stas

[Kamen Bundev]

Hello Stas,

I just fixed this and the fix will be available with the next internal build. Let me know if it works for you.

Kind regards,
Kamen Bundev
the Telerik team

[Stas]

Thank you, Kamen. I'll wait for the build and will let you know.

[Stas]

Hi Kamen,

When I should expect the next internal build? The only one I see is 'kendoui.mobile.[phone].commercial'. 

Also, could you tell when it will be released? Just a rough estimate - are we talking about weeks or months?

Thanks,
Stas 

[Kamen Bundev]

Hello Stas,

I've just pushed a new internal build through, please check your account for the download.

The Q3 release is scheduled for November with its beta scheduled for October (next week).

Regards,
Kamen Bundev
the Telerik team

[Stas]

Hello Kamen,

Thanks, it works like a charm.

Best regards,
Stas

[Uri]

Hey Everyone

        I'm getting the same problem as described above.
        I have a scroller inside a scrollview and it won't scroll horizontally
        when the command is issued from inside the scroller.

        I'm using Kendo UI Complete v2012.3.1315 which is the latest in the web site.

Thanks

[Alexander Valchev]

Hello Uri,

Is it possible to update your project against latest official or internal release and check whether the problem still persists. Kendo UI version that you use is relatively old, v2013.1.514 is available for download from your account. For convenience I attached a screenshot.

Regards,
Alexander Valchev
Telerik