Ionic App In an iframe

ionic-v1
1

Howdy,

We’re putting an ionic App inside an iFrame and seeing some odd behaviour during view transitions. A view is completely shifted out of the viewport after a transition, and remains so until you explicitly call “back” to the old view, then everything works as normal from there.

Before I record a screen capture of what I’m seeing I wanted to know if anyone is currently doing this and if there is any tricks we should follow. We are on the latest version of ionic 1.

The iFrame code is simply:

<!doctype html>
<html lang="en">
    <head> 
    </head>
    <body>
        <iframe src="index.html" height="500px" width="330px">          
        </iframe>
    </body>
</html>

Cheers,
gozinsa

2

So has anyone done this successfully? Getting a little desperate now…deadline looming.

3

Another clue is that if I set:

$ionicConfigProvider.views.transition(‘none’);

the view transitions ok, so it must be a bug in ionic on view transitions.