iFrame behaves differently on home screen

[bigbasher]

I have an app with an iframe. The iframe is used because I send the user to a cashier and the journey then moves away to other pages dependent on the payment option.

The iframe works fine and stays within my app when run from safari on the iphone. But if I run the same code from a link on the home screen (where it behaves more like an app) a link within the iframe opens a new safari window and does not carry any of the cookies so the user is essentially logged out.

Code for the panel is as follows:

Ext.define('mobile.view.iframePanelDyn', {    extend: 'Ext.Component',
    xtype: 'iframepaneldyn',


    config: {
        listeners: {
           loadpage: function(page) {
                this.element.setHtml('');
                Ext.DomHelper.append(this.element, {
                    tag: 'div',
                    style: 'width: 100%; height:100%; overflow:auto; -webkit-overflow-scrolling : touch; scrolling: no;',
                    children: [{
                        tag: 'iframe',
                        src: mobile.config.Config.getUrlPage()+page,
                        id: this.id + '-iframe',
                        style: 'width: 100%; height:100%; overflow:auto; -webkit-overflow-scrolling : touch; '
                    }]
                });
            },
        },
    },
});

loaded when the user goes to the tab like this:

                    Ext.getCmp('cashieriframe').fireEvent('loadpage','cashieroptions');

[mitchellsimoens]

This does not sound like a Sencha Touch question at all.

What sounds like what is happening is that iframe is using window.open. Sencha Touch is not doing this.

[bigbasher]

I can confirm that the iFrame is returning a standard href - here is the code as seen in Chrome in a browser. It works perfectly when the app is run from a safari window. But not when run from the "Home Screen"

<li>


    <a href="index.php?page=deposit&type=1&content=1">


        <img style="border: 0px;" src="//xxxx.com/scontent/images/payment/cards_logo.png" alt="Credit/Debit Card" /><br /><br />Credit/Debit Card    </a>


</li>

[bigbasher]

Is there any way I can get an answer for this? I can provide a URL where the behaviour can be seen privately.