pushState with multiple views


I built an app with multiple tab views (each tab has it’s view). When I have pushState enabled, I have issues on going back between different tabs. When I click back in one view I get the previous from another view… issues like this. When I disable pushState, everything works like expected. I also tried to disable pushState vor all views except the main view, but then I also have problems on going back. Is there a way to make this work or does pushState only work on single view apps?

Have you solved this problem?
I puzzle over it

My app.js file:

var app  = new Framework7({
  root: '#app',
  id: 'io.framework7.testapp',
  name: ' CRM',
  theme: 'aurora',
  // App root data
  data: function () {
    return {
      user: {
        firstName: 'John',
        lastName: 'Doe',
  // App root methods
  methods: {
    helloWorld: function () {
      app.dialog.alert('Hello World!');
  // App routes
  routes: routes,
  // Enable panel left visibility breakpoint
  panel: {
    leftBreakpoint: 960,

// Init/Create left panel view
var leftView = app.views.create('.view-left', {
  url: '/global-menu/',

// Init/Create main view
var mainView = app.views.create('.view-main', {
  url: '/',
  pushState: true,
  pushStateSeparator: '#',
  animate: false

I set mainView before leftView and now it works well!


Also if you use pushState hash navigation then it works only for main view’s navigation.