combining tabbar and navigator not working in Safari

marioue

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!

Altin

Me too have problems with the ons-tabbar in IOS. For me, no matter there is navigator or not , when open page with tabbar in it, different errors appear in IOS (Android is fine). Please ONSEN team have a look at it.

Thanks in advance.
Altin

munsterlander

@Altin Can you post a codepen with the code that is not working?

Altin

Ok. Firstly @munsterlander sorry that didn’t create the codepen, because I wanted to wait for the 2.0.2 release. After update the OnsenUI with the lastest release, these problems disappeared, but other problems shown up. Than I update angularjs to the lastest (from 1.3 to 1.5.8) and all the problems are gone now, related to this report.

So thanks for the release and support.
Altin