ratchet Links open in new browser when it is added to the home screen

I am using iOS6, after adding the ratchet template to the home screen and clicking the links in it, the links open in a new safari browser. Any method to make it to load on the same page?

Jul 12 '14 07:07 newpen

do you import ratchet.js?

Jul 15 '14 01:07 huang-x-h

I now try to do it with http://jakiestfu.github.io/Snap.js/demo/apps/ratchet/template.html Still the same problem. Looking at the source code, it should have imported ratchet.js.

Jul 15 '14 06:07 newpen

Same problem here when using push.js on iOS7.

Aug 01 '14 11:08 lesander

Same problem for me. It only happens when you click very fast on 2 or more links. Android (Chrome) works fine.

Oct 09 '14 08:10 philipgiuliani

Same problem for me.

Oct 09 '14 08:10 keepinmind

Same. It seems to only happen sporadically. Any thoughts on where to look for a bug — either on my own codebase or on ratchet's?

Oct 20 '14 06:10 leonsas

I think you should search on ratchets codebase (espacially page.js)

Oct 20 '14 06:10 philipgiuliani

It only happens on iOS. Android works fine.

Oct 20 '14 16:10 leonsas

This will solve it 100% for iOS (Tested with iOS 8)

<head>
    <title>Stay Standalone!</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="Web App title to override title element name">

    <!-- With credit to Irae Carvalho - https://gist.github.com/kylebarrow/1042026#comment-37145 -->
    <script type="text/javascript">
        (function(document,navigator,standalone) {
            // Prevents links in apps from oppening in mobile Safari
            // This javascript must be the first script in your <head>
            if ((standalone in navigator) && navigator[standalone]) {
                var curnode, location=document.location, stop=/^(a|html)$/i;
                document.addEventListener('click', function(e) {
                    curnode=e.target;
                    while (!(stop).test(curnode.nodeName)) {
                        curnode=curnode.parentNode;
                    }
                    // If you want this to affect all links and not just your app, use if('href' in curnode) instead.
                    if('href' in curnode && ( curnode.href.indexOf('http') || ~curnode.href.indexOf(location.host) ) ) {
                        e.preventDefault();
                        location.href = curnode.href;
                    }
                },false);
            }
        })(document,window.navigator,'standalone');
    </script>

</head>