Mobile demo with remote view does not work if link moved in HTML.

[Alex Smith]

I started with the demo here: http://demos.kendoui.com/mobile/view/index.html#/ 
and modified the source very slightly to look like: 

<div data-role="view" data-title="Views" data-layout="main-default">
    <a href="page2.html" id="broken">Remote View</a>
    <ul data-role="listview" data-style="inset" data-type="group">
        <li>Sources
            <ul>
                <li><a href="#secondview">Local View</a></li>
                <li><a href="page2.html" id="works">Remote View</a></li>
            </ul>
        </li>
    </ul>

    <ul data-role="listview" data-style="inset" data-type="group">
        <li>Types
            <ul>
                <li><a href="#stretchview">Stretched View</a></li>
            </ul>
        </li>
    </ul>
</div>

The first <a> tag that references page2.html with id="broken" opens the new page outside the kendo application. It takes the browser directly to that HTML page.

The second <a> tag that references page2.html with id="works" does in fact work correctly.

Why is this?

Thanks

[Petyo]

Hello Alex,

Kendo  UI mobile automatically handles (and navigates) the taps of a limited set of widgets and elements. In this case, you should mark the link as a button widget using data-role attribute. 

Regards,
Petyo
Telerik