Hi there,

i would like to build an app that has an tabbar as main navigation and an navigator inside of every tab.
Inside the tabs a have a navigator for the list navigation.

The code for tabbar

<ons-tabbar id="tabbar" animation="slide" position="auto">
        <ons-tab page="index.html" active icon="ion-search" label="Home" style="display: none;"></ons-tab>
        <ons-tab page="rezeptNavigator.html" icon="ion-search" label="Rezepte"></ons-tab>
        <ons-tab page="mehl.html" icon="ion-mehl" label="Mehlsorten"></ons-tab>
        <ons-tab page="impressum.html" icon="ion-impressum" label="Impressum"></ons-tab>
</ons-tabbar>

and the navigator - one for every tab

<ons-template id="rezeptNavigator.html">
        <ons-navigator id="rezepte" page="rezepte.html"><ons-navigator>
</ons-template>

and the page itself

<ons-template id="rezepte.html">
    <ons-page>
....
    </ons-page>
</ons-template>

when you click an listitem i call navigator.pushPage(‘templateId’…);

And this all works fine in Chrome but in Safari it will not update the page!

I have tried more than one way to do this and all of them has worked in Chrome but not in Safari.
I dont know what iam missing.

Please can anyone help me out with this problem.
Thanks!