Ons Tabbar multiple active on iPhone 8

[hebbs]

The tabbar is working well on Android, web, iPad and older iPhones. However, on iPhone 8 I discover that when switching to a tab, the previous tab is not deactivated and I see a split screen of both tabs. Pressing the next tab then has 3 active tabs.

On the postchange I notice that the event.index is the correct one pressed, but getActiveTabIndex() shows the previous tab index.

Furthermore if I then log all tabbar__items that are active I find them all active.

activeItems = document.getElementsByClassName(“tabbar__item active”);
for(i=0; i<activeItems.length; i++){
console.log(“ACTIVE:” + activeItems[i].getAttribute(‘page’));
}

Using Onsen 2.10.8

I have tried forcing the correct index with setActiveTab in the postchange if the event.index does not match the activeTab - this does not seem to work either (I guess it’s the same function called on click of the tab).

So far only discovered on iPhone 8

Any suggestions?

[hebbs]

@hebbs

I bypassed the issue for now by adding screen.orientation.lock(“portrait”) for that device type…