Routable popup issue, need some help

Questions
1

Hello @All,

I try to create a routable popup in my application.
The application is using Framework7 v6 with vue v2.

The idea is two have a popup to browse my media collection, and so I want to navitable the title/album inside the popup, and keep the history.

I’m pretty new to framework7 and vue, so excuse me in advance if I’m make it the wrong way.
I’ve create a little sample app on codesandbox.io : https://codesandbox.io/p/github/lo92fr/SampleVueF7Popup/master?workspaceId=ws_Y2RWa6CcbZqj34YVZhYfSg

My current matter is that if I browse to the root page of application:
https : // p59vth-8080 . csb . app /

And launch the popup, everything seems ok, I can click on “Open Media Browser”, the popup appears with the content, and I’m able to navigate to Folder1 & Folder2 links.

If now I browse to an application subpage : https : // p59vth-8080 . csb . app / overview
And then I click on “Open Media Browser”, the popup comes up but display the current page inside, and not by MediaBrowser component.

Can someone help me undestand what I’m making it wrong there.

Thanks,
Laurent.

1 Like
2

Não acredito que você tá usando o F7 no CodeSandBox. Você tem eh que usar eh a versão 8.3.4 no Npm baixe o NODE ou o Bun e comece a desfrutar dessa plataforma…
F7 VERSAO 8.3.4
Framework7…

3

I’m currently stuck on framework7 v6 because it’s part of a larger opensource project, and have no way to simply upgrade to a new version.
There is some project to upgrade the full stack , but it will come later this year.

I’ve finally find a solution to my issue, it was because of global pushState directive on the view. I remove it, ans move the pushState only on the main view, and now it’s working correctly.

Laurent.

4

Muito bem vá em Frente continue nesse projeto incrível.:+1::grinning::ok_hand:top