Routable tabs with pushState = true


#1

I have a set of routable tabs setup in my routes like this:

 {
  path: '/',
  url: './pages/tabs.html',
  pushState: true,
  tabs: [{
      path: '/',
      id: 'tab1',
      componentUrl: './pages/tab1.html',
    },
    {
      path: '/tab2/',
      id: 'tab2',
      componentUrl: './pages/tab2.html',
    },
    {
      path: '/tab3/',
      id: 'tab3',
      componentUrl: './pages/tab3.html',
    },
  ],
},

The problem im having is with pushState set to true on my view, although i see the url updating with the path in the url string correctly as it should, hitting browsers back button acts as if no history exists. However any other route like a page works as expected. It seems the routable tabs do not update the history like pages do. Any insight on this?


#2

This is by design, when switching Tabs they replace history, not push new entries like navigating between pages


#3

How would it be possible to go about changing this behavior? If i manually pushState in a tabShow could that work?